Quando gli sviluppatori Web creano pagine Web, usano il codice di markup HTML. Nei documenti HTML, è possibile definire il contenuto di una pagina, inclusi testo, immagini e altri media. Questo contenuto all'interno di codice di markup taggati, determinazione della struttura e l'aspetto della pagina. HTML fornisce una varietà di tag per scopi diversi, incluse le intestazioni di contenuto. I tag di intestazione forniscono una gamma di pagina Web, consente agli sviluppatori di intestazioni all'interno dei loro siti.
Sezioni della pagina Web
Codice di markup HTML definisce gli elementi all'interno di pagine Web, con elementi disposti in strutture ad albero. Nell'esempio di codice riportato di seguito viene illustrata la struttura di una pagina Web:
< html >
< testa >< / testa >
< corpo >
< h1 > Page Title < / h1 >
< div > contenuto della pagina < / div >
< / body >
< / html >
La sezione corpo include il contenuto visibile della pagina. In questo caso contiene un elemento di intestazione e un elemento div. I tag di elemento di intestazione includono "h1" che indica che è il titolo della pagina nel suo complesso. Ogni elemento nel codice HTML viene visualizzato con un tag di chiusura, un tag di apertura e fra di essi, che può includere altri elementi.
Scopo
Lo scopo di tag di intestazione in HTML è per indicare informazioni sulle pagine e sezioni di pagina. Ci sono sei livelli di voce, da uno a sei, con uno che è il più importante. Pagine normalmente includere solo un elemento H1, poiché questo è riservato per l'intestazione della pagina nel suo complesso. Motori di ricerca utilizzano anche informazioni dal tag H1, talvolta visualizzandolo con annunci nelle pagine dei risultati presentati quando persone ricerche Web. Gli elementi di intestazione sotto il livello uno consentono agli sviluppatori di indicare lo scopo di sezioni di pagina, in modo che gli utenti possono eseguire la scansione della pagina e concentrarsi su quelle sezioni hanno vogliono di leggere in dettaglio.
Markup
I tag di intestazione diversa utilizzano il markup simile, con il numero che rappresenta l'unica variazione. Il seguente codice di esempio viene illustrato ogni elemento di intestazione:
primo livello < h1 > < / h1 >
< h2 > livello due < / h2 >
< h3 > livello tre < / h3 >
< h4 > livello quattro < / h4 >
quinto livello di < h5 > < / h5 >
< h6 > livello sei < / h6 >
Elementi di intestazione possono essere visualizzati all'interno di altri elementi HTML come div. Nella maggior parte dei casi, il contenuto di un elemento di intestazione è il testo che indica lo scopo di una pagina o una sezione in una frase concisa.
Opzioni
Per impostazione predefinita, la maggior parte dei browser visualizzare elementi intestazione senza altri elementi sullo stesso asse orizzontale. Le intestazioni vengono visualizzati generalmente con spazio sopra e sotto di loro. Lo spessore del carattere per le intestazioni è più audace rispetto al testo normale pagina Web, con le intestazioni di livello superiore, rappresentati dai numeri inferiori, avendo il testo più audace, più grande. Gli sviluppatori possono anche scegliere di utilizzare le dichiarazioni di Cascading Style Sheet dettare stile di intestazione, come segue:
H1 {
Color: #CC0000;
}
Specifica un colore rosso per il testo dell'intestazione.