Tag HTML <header>

Definizione e utilizzo

<header> L'elemento rappresenta un contenuto introduttivo o un contenitore di una serie di link di navigazione.

<header> L'elemento di solito contiene:

  • Un o più elementi di titolo (<h1> - <h6>)
  • Logo o icona
  • Informazioni dell'autore

Suggerimento:<header> Il tag è spesso utilizzato per definire l'intestazione del documento.

Attenzione:un documento HTML può avere più di uno <header> elemento. Tuttavia,<header> non può essere messo in <footer>,<address> o un altro <header> negli elementi.

Vedi anche:

Manuale HTML DOM:Oggetto Header

Esempio

Esempio 1

Titolo dell'<article>:

<article>
  <header>
    <h1>Questo è il titolo</h1>
    <p> pubbllicato da Bill Gates</p>
    <p>Vi forniamo alcune informazioni aggiuntive.</p>
  </header>
  <p>Questo è il testo principale.... Questo è il testo principale....</p>
</article>

Prova personalmente

Esempio 2

Testata:

<header>
  <h1>Questo è il titolo della pagina principale</h1>
  <p> pubbllicato da Bill Gates</p>
</header>

Prova personalmente

Attributi globali

<header> Il tag supporta anche Attributi globali in HTML.

Attributi di evento

<header> Il tag supporta anche Attributi di evento in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <header> Elemento:

header {
  display: block;
}

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente il tag.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1