Lezione 16 - Corso Avanzato Html

Footer Elemento Semantico in Html

Footer

Il footer (piè di pagina) è il contenuto di una sezione di pagina che rappresenta delle informazioni conclusive rispetto al contenitore in cui viene posto. Può essere un'indirizzo di posta elettronica, informazioni per il copyrigt (diritto d'autore), la tua firma ecc.

Il footer essendo un elemento modulare si può utilizzare non solo come elemento della pagina principale ma anche in delle sezioni o sottosezioni interne alla pagina, come si vede sotto che racchiudiamo un primo footer in un article il secondo, sciolto nel contenitore principale (nel tag html) .
<!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, da un'articolo e da un footer.</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>
     <footer>
       <p>Pubblicato il 18 Marzo 2018 da <strong>Antonio Fiordaliso</strong> </p>
     </footer>
   </article>
   <footer>
       <strong>mail.....@......</strong>
   </footer>
 </body>                
</html>