Lezione 17 - Corso Avanzato Html

Aside Elemento Semantico in Html

Aside

Aside (a parte) rappresenta una zona della pagina che viene usata per contenere delle informazioni di vario tipo che in qualche modo sono legate al contenuto della pagina o dell'intero sito, ma viene scelto di tenerle comunque separate dal contenuto principale della pagina.

Il contenuto di aside può essere dato da: delle note, o da approfondimenti, o possono essere delle barre di navigazine, o degli inserti pubblicitari, ecc.

Spesso viene impiegato come barra laterale dove mettere dei banner, e comunque date sfogo alla vostra fantasia per farne un buon uso.

Aside può essere inserito nel flusso della pagina come elemento a se stante o può essere inserito all'interno di qualsiasi tag contenitore.

Il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Aside</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, da un aside (sezione a parte) 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>
   <aside>
     <h2>Titolo di aside</h2>
     <p>Testo che è contenuto nel tag aside. Testo che è contenuto nel tag aside. Testo che è contenuto nel tag aside. </p>
   </aside>
   <footer>
       <strong>mail.....@......</strong>
   </footer>
 </body>                
</html>