Siti Web utilizzare HTML markup al contenuto della pagina struttura. Gli elementi HTML all'interno di una pagina indicano lo stato logico di ogni elemento di contenuto. Browser Web dell'utente interpreta questi elementi per presentare ogni elemento in modo appropriato. Apertura e chiusura tag nel markup sottostante utilizza ogni elemento. HTML fornisce sei livelli della voce, con H1 e H2 essere ai massimi livelli. Oltre che colpisce come le pagine appariranno agli utenti, le scelte effettuate in termini di elementi di intestazione possono influenzare come effettua il tuo sito nei motori di ricerca.

Markup

Il markup per elementi H1 e H2 è simile. Il seguente codice di esempio viene illustrato entrambi gli elementi:

< h1 > Page Title < / h1 >
Titolo della sezione < h2 > < / h2 >

Ogni elemento è rappresentato utilizzando i tag di apertura e chiusura, con il contenuto della rubrica tra di loro. Il contenuto è il testo che compare quando navigano alla pagina. Elementi di intestazione può assumere uno degli attributi HTML standard - ad esempio, class e ID, come segue:

< id h1 = "header" > Page Title < / h1 >
< classe h2 = "sezione" > titolo sezione < / h2 >

Ci dovrebbe essere solo un elemento H1 in una pagina, quindi è opportuno utilizzare un attributo ID, come questi sono unici. Lo stesso attributo di classe possa apparire più volte in una pagina, come può l'elemento H2.

Scopo

Lo scopo degli elementi di intestazione è di fornire informazioni circa le sezioni di contenuto della tua pagina. L'elemento H1 è il titolo della tua pagina nel suo complesso. L'elemento H2 è per una sezione che è inferiore nella gerarchia della struttura di pagina il H1, ma è ancora una componente importante. Tag di intestazione successivo hanno un livello decrescente di importanza all'interno di una pagina. Le intestazioni possono aiutare usabilità all'interno delle pagine, consentendo agli utenti di sfogliare il contenuto e concentrarsi sugli elementi di che cui sono più interessati. Anche se le intestazioni sono associate con gli stili visivi distinti, questo non è il loro scopo principale: essi consentono di imporre una struttura logica sulle tue pagine.

Stile

Molti siti utilizzano Cascading Style Sheet, o CSS, codice per applicare proprietà visive ai titoli. Per impostazione predefinita, una voce Visualizza attraverso l'asse orizzontale completo della tua pagina, in modo non elementi vengono visualizzati a sinistra o a destra di esso. Rubriche con numeri inferiori hanno display di testo più grandi, quindi gli elementi H1 sono più grandi e più audaci di H2 quando l'utente li. Per modificare l'aspetto di questi elementi, gli sviluppatori possono utilizzare le dichiarazioni CSS con la seguente struttura:

H1 {color: #ff0000;}
H2 {font-style: italic;}

CSS può anche indicare dimensioni, sfondo, proprietà margin e padding.

SEO

La scelta tra intestazioni H1 e H2 può influire sulle prestazioni di un sito nelle pagine di risultati di motori di ricerca. Per questo motivo, i tag di intestazione formano un argomento importante in Search Engine Optimization o SEO. Anche se i motori di ricerca come Google mantenere loro algoritmi segreti, esperti in SEO basano loro consigli su come ben siti con alcune strutture tendono a eseguire. Per ottenere prestazioni ottimali di SEO, è consigliabile che una pagina dovrebbe sempre avere un elemento H1, ma solo uno. Il tag H1 dovrebbe includere le parole chiave mirate all'interno della pagina. Tutti i titoli dovrebbe contenere brevi sezioni di testo, con quelli inferiori H1 dividendo il contenuto della pagina in modo coerente in tutto il sito.