Corsi on-line

Liste ed elenchi in HTML5

Fino ad oggi, nella creazione di una lista utilizzando il markup HTML è stata impiegata una struttura sul modello della seguente:

<div id="nav">
<ul>
<li><a href="http://www.mrwebmaster.it">Mrwebmaster</a></li>
<li><a href="http://blog.mrwebmaster.it">Il Blog Mrwebmaster</a></li>
<li><a href="http://www.softwaremania.it">Recensioni software</a></li>
<li><a href="http://www.mrwcorsi.it">E-learning</a></li>
<ul>
</div>

In HTML5 i tag per la creazione degli elenchi non sono stati modificati in modo sostanziale, continueremo infatti ad utilizzare “ul” per gli elenchi puntati, “ol” per gli elenchi numerati e “li” per gli elementi di lista, ciò che cambia è invece il “contenitore” di riferimento che in questo caso non è più un generico tag “div”, ma un apposito elemento denominato “nav” che dovrà essere utilizzato in questo modo:

<nav>
<ul>
<li><a href="http://www.mrwebmaster.it">Mrwebmaster</a></li>
<li><a href="http://blog.mrwebmaster.it">Il Blog Mrwebmaster</a></li>
<li><a href="http://www.softwaremania.it">Recensioni software</a></li>
<li><a href="http://www.mrwcorsi.it">E-learning</a></li>
<ul>
</nav>

Naturalmente al tag “nav” sarà possibile associare degli attributi per la formattazione tramite CSS in modo da differenziare ed evidenziare i vari elementi di pagina.

Per chi desidera apporfondire consiglio la lettura di questo interessante articolo pubblicato su Woork.

Post correlati
I più letti del mese
Tematiche