HTML5: differenza tra NAV e MENU

HTML5: differenza tra NAV e MENU

Guida all'utilizzo dell'HTML5


 
 
HTML5 introduce due nuovi elementi con un ruolo apparentemente identico:
 
 
 
 
In realtà i due elementi sono tutt'altro che simili, ed è improbabile che siano utilizzati contemporaneamente. L'elemento <nav> á utilizzato per raggrupare tutti gli elementi <a>, mentre l'elemento <nav> raggruppa sia <a> che <input>, <button> ed i nuovi elementi <command>. 
 
Tali elementi possono essere raggruppati utilizzando elementi <li>, proprio come un <ul> od un <ol>. 
 
Perchè questa differenza?
 
Sintetizzando, l'elemento <menu> è stato concepito per le applicazioni web, non per i siti web ed è stato progettato per gestire elementi interattivi che generaro azioni o eventi.
 
I menu possono essere dei seguienti tipi:
 
- context (contesto)
 
- toolbar (barra degli strumenti)
 
- list o lista (che è il valore di default)
 
 
Ecco un esempio:
 
<menu type="toolbar" label="Main">     
 <li>          
<menu label="File">              
<button type="button" onclick="newFile();">Nuovo</button>              
<button type="button" onclick="openFile();">Apri</button>              
<button type="button" onclick="closeFile();">Chiudi</button>         
 </menu>      
</li>      
<li>          
<menu label="Edit">                          
<button type="button" onclick="undo();">Avanti</button>              
<button type="button" onclick="redo();">Indietro</button>              
<button type="button" onclick="copy();">Copia</button>              
<button type="button" onclick="paste();">Incolla</button>         
</menu>      
</li>  
</menu>
 
* Le voci del menu context non sono disponibili per l'utente fino a quando il menu non è attivato dallo stesso utente (facendo click o premendo un bottone)
 
Conclusioni.
 
L'elemento nav raggruppa gli elementi di navigazione principale e rappresenta una parte della pagina che contiene link ad altre pagine, o ad elementi presenti nella stessa pagina; dunque una sezione con dei link di navigazione. Non tutti i gruppi di link devono essere posti in un elemento nav: solo i link principali sono appropriati. Ad esempio, è pratica comune aggiungere al footer gruppi di link a varie sezioni del sito, ma in questi casi l’elemento più appropriato è footer.
 
L'elemento menu è invece usato per una specifica lista di comandi.
 
 
 

tags: html5 web tutorials html tools web design


Questo sito fa uso di cookie, anche di terze parti, per migliorare la tua esperienza di navigazione. Accettando questa informativa dai il consenso al loro utilizzo. È possibile modificare le impostazioni dei cookie o ottenere ulteriori informazioni qui: Politica dei cookies.