Tag HTML <intestazione>


Esempio

Un'intestazione per un <articolo>:

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

L' <header>elemento rappresenta un contenitore per il contenuto introduttivo o un insieme di collegamenti di navigazione.

Un <header>elemento in genere contiene:

  • uno o più elementi di intestazione (<h1> - <h6>)
  • logo o icona
  • informazioni sulla paternità

Nota: puoi avere più <header>elementi in un documento HTML. Tuttavia, <header>non può essere posizionato all'interno di un <piè di pagina>, <indirizzo> o un altro <header>elemento.


Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'elemento.

Element
<header> 5.0 9.0 4.0 5.0 11.1


Attributi globali

Il <header>tag supporta anche gli attributi globali in HTML .


Attributi dell'evento

Il <header>tag supporta anche gli attributi dell'evento in HTML .


Altri esempi

Esempio

Un'intestazione di pagina:

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header>

Pagine correlate

Riferimento HTML DOM: Oggetto Header


Impostazioni CSS predefinite

La maggior parte dei browser visualizzerà l' <header>elemento con i seguenti valori predefiniti:

header {
  display: block;
}