Lezione 15 - Corso Avanzato Html

Header Elemento Semantico in Html

Header

Header (intestazione, testata), proprio come la testata di un giornale in cui appare il nome del giornala, la data, il logo, ecc.

Rappresenta un contenuto introduttivo per l'elemento che lo va a contenere, di norma l'elemento che lo contiene è il body, ma possiamo avere un header anche per altri elementi modulari come ad esempio un article, come vediamo nel codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Header</title>
  <meta charset="utf-8">
 </head>
 <body>
   <header>
      <h1>Titolo e intestazione della pagina web</h1>
      <p>La mia pagina web ora è composta da un'intestazione, da una barra di navigazione e da un'articolo.</p>
   </header>
   <nav>		
     <a href="">Link 1</a>
     <a href="">Link 2</a>
     <a href="">Link 3</a>
     <a href="">Link 4</a>
   </nav>
   <article>
     <header>
       <h2>Titolo e intestazione dell'articolo interno alla pagina</h2>
     </header>
     <p>Testo dell'articolo. Testo dell'articolo. Testo dell'articolo. Testo dell'articolo. Testo dell'articolo.</p>
   </article>
 </body>                
</html>