HTML: I tag <H1>…<H6>
Commenti disabilitati su HTML: I tag <H1>…<H6>
Il tag HTML <h1>…<h6> servono a creare delle intestazioni in una pagina web.
Definizione e utilizzo
I tag <h1>…<h6> vengono utilizzati per creare dei titoli all’interno di un documento web, il numero indicato dopo la lettera h indica l’importanza del titolo, 1 è il più importante, 6 il meno importante.
Per migliorare l’accessibilità e l’usabilità della pagina è importante usare questi tag per specificare i titoli anziché usare dei semplici paragrafi formattati con CSS o peggio ancora con attributi HTML deprecati (come si faceva un tempo), inoltre i motori di ricerca daranno maggior importanza ad uno di questi tag di intestazione piuttosto che ad un paragrafo formattato per sembrare un titolo.
La sintassi è la seguente:
<h1>Titolo H1</h1> <h2>Titolo H2</h2> <h3>Titolo H3</h3> <h4>Titolo H4</h4> <h5>Titolo H5</h5> <h6>Titolo H6</h6>
Naturalmente non sei costretto ad usarli tutti, ricorda però di utilizzare un solo tag <h1> per pagina, poiché questo viene implicitamente interpretato come titolo principale del documento.
Inoltre ricorda che puoi formattare l’aspetto visivo dei tag <h1>…<h6> usando i CSS.
Esempi di utilizzo dei tag H1…H6
Ecco alcuni esempi di utilizzo dei tag H1…H6.
Gli attributi dei tag H1…H6
Attributi richiesti
Nessuno.
Attributi opzionali
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
I tag <h1>…<h6> supportano i seguenti attributi opzionali:
| Attributo | Valore | Descrizione | DTD |
|---|---|---|---|
| align | left right center justify |
Deprecato. È consigliabile usare i CSS. Specifica l’allineamento degli elementi all’interno del tag. |
TF |
Attributi standard
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
I tag <h1>…<h6> supportano i seguenti attributi standard:
| Attributo | Valore | Descrizione | DTD |
|---|---|---|---|
| class | nome classe | Specifica il nome di una classe per un elemento. | STF |
| dir | ltr rtl |
Specifica la direzione del testo all’interno di un elemento. | STF |
| id | id | Specifica un id univoco per un elemento. | STF |
| lang | codice lingua | Può essere utilizzato per indicare il codice della lingua dell’elemento. | STF |
| style | definizione stile | Specifica uno stile in linea per un elemento. | STF |
| title | testo | Può essere utilizzato per fornire dati aggiuntivi sull’elemento. | STF |
| xml:lang | codice lingua | Può essere utilizzato, nei documenti XHTML, per indicare il codice della lingua dell’elemento. | STF |
Attributi Evento
I tag <h1>…<h6> supportano i seguenti eventi Javascript:
| Attributo | Valore | Descrizione | DTD |
|---|---|---|---|
| onclick | script | Specifica uno script da eseguire al click del mouse | STF |
| ondblclick | script | Specifica uno script da eseguire al doppio click del mouse | STF |
| onmousedown | script | Specifica uno script da eseguire quando è premuto il pulsante sinistro del mouse | STF |
| onmousemove | script | Specifica uno script da eseguire al movimento del mouse | STF |
| onmouseout | script | Specifica uno script da eseguire quando il puntatore del mouse esce fuori dall’area dell’elemento | STF |
| onmouseover | script | Specifica uno script da eseguire al passaggio del mouse sull’elemento | STF |
| onmouseup | script | Specifica uno script da eseguire quando viene rilasciato il pulsante sinistro del mouse | STF |
| onkeydown | script | Specifica uno script da eseguire alla pressione di un tasto sulla tastiera | STF |
| onkeypress | script | Specifica uno script da eseguire quando viene premuto e rilasciato un tasto sulla tastiera | STF |
| onkeyup | script | Specifica uno script da eseguire al rilascio di un tasto sulla tastiera | STF |
Browser supportati
I tag <h1>…<h6> sono supportati da tutti i principali browser.
| Firefox | Safari | Chrome | Opera | IE 8 | IE 7 | IE 6 |
|---|---|---|---|---|---|---|
| SI | SI | SI | SI | SI | SI | SI |
L'autore
