HTML
Titoli

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Ricerca…


introduzione

HTML fornisce non solo tag di paragrafo semplici, ma sei tag di intestazione separati per indicare intestazioni di varie dimensioni e spessori. Enumerato come da titolo 1 a titolo 6, l'intestazione 1 presenta il testo più grande e più spesso mentre l'intestazione 6 è il più piccolo e il più sottile, fino al livello di paragrafo. Questo argomento descrive il corretto utilizzo di questi tag.

Sintassi

  • <h1>...</h1>
  • <h2>...</h2>
  • <h3>...</h3>
  • <h4>...</h4>
  • <h5>...</h5>
  • <h6>...</h6>

Osservazioni

  • Un elemento h1 - h6 deve avere sia un tag di inizio che un tag di fine. 1

  • h1 elementi h1 - h6 sono elementi a livello di blocco per impostazione predefinita (stile CSS: display: block ). 2

  • h1 elementi h1 - h6 non devono essere confusi con l' elemento section

  • I tag di intestazione ( h1 - h6 ) non sono correlati al tag head .

  • Contenuto consentito: contenuto di frasi

  • I diversi stili CSS per le intestazioni differiscono solitamente in font-size e margin . Le seguenti impostazioni CSS per gli elementi h1 - h6 possono servire come orientamento (caratterizzato dal 'informativo' dal W3C )

  • Gli spider dei motori di ricerca (il codice che aggiunge una pagina a un motore di ricerca) presta automaticamente maggiore attenzione a una maggiore importanza (h1 ha più, h2 ha meno, h3 ha ancora meno, ...) titoli per capire di cosa tratta una pagina.

Usando le intestazioni

Le intestazioni possono essere utilizzate per descrivere l'argomento che precedono e sono definite con i <h1> a <h6> . Le intestazioni supportano tutti gli attributi globali .

  • <h1> definisce l'intestazione più importante.
  • <h6> definisce l'intestazione meno importante.

Definire un'intestazione: 

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

La struttura corretta conta

I motori di ricerca e altri programmi utente di solito indicizzano il contenuto della pagina in base agli elementi dell'intestazione, ad esempio per creare un sommario, quindi è importante utilizzare la struttura corretta per le intestazioni.

In generale, un articolo dovrebbe avere un elemento h1 per il titolo principale seguito dai sottotitoli h2 - scendendo di un livello se necessario. Se ci sono elementi h1 su un livello più alto, essi non possono essere usati per descrivere alcun contenuto di livello inferiore.

Documento di esempio (intendimento extra per illustrare la gerarchia): 

<h1>Main title</h1>
<p>Introduction</p>

    <h2>Reasons</h2>

        <h3>Reason 1</h3>
        <p>Paragraph</p>

        <h3>Reason 2</h3>
        <p>Paragraph</p>

    <h2>In conclusion</h2>
    <p>Paragraph</p>


Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow