Tutorialdock | Free Web Resources

HTML5: il tag aside

| di:

html5semantic HTML5: il tag aside

Come il footer e l’header, lo stesso concetto vale anche per il tag aside.

Anche qui vi possono essere più “aside” per pagina perchè quando parliamo di aside, ovvero di sidebar, non ci riferiamo alla posizione all’interno del documento ma al suo contenuto.
Nel tag aside infatti si inseriscono elementi che sono correlati a tutto il contenuto del tag stesso, tanto da poterlo considerare separatamente da tutto il resto del documento. Non dobbiamo quindi utilizzare il tag aside unicamente per creare sidebar.

Vogliamo per esempio scrivere la nostra biografia e vogliamo che appaia al fianco del testo principale, ovvero nella sidebar:  non è necessario utilizzare il tag aside, ma dobbiamo utilizzare il tag footer. Infatti il tag aside rappresenta una sezione della pagina il cui contenuto è collegato alle sezioni vicine allo stesso aside.

Detto così sembra un pò complicato ma per chiarirci le idee non c’è niente di meglio che un semplice esempio:

< aside>
  < h2>Italia< /h2>
     < p>L'Italia, ufficialmente Repubblica italiana, è uno
      Stato membro dell'Unione Europea situato nell'Europa meridionale
      affacciata sul mar Mediterraneo, il cui territorio coincide in gran parte con l'omonima regione geografica.
     < /p>
< /aside>

Tags:


L'Autore

Co-fondatore ha realizzato personalmente il codice su cui si basa Tutorialdock. Ora si occupa di programmazione scrivendo articoli nella categoria tutorial. Sito web dell'autore

Tips: abilitare Airdrop sui mac non supportati ufficialmente