Il tag di navigazione in HTML5
In questo articolo impareremo come utilizzare il tag nav in HTML5, che è un tag utilizzato per dichiarare le posizioni dei link di navigazione, solitamente menu o elenchi di categorie della barra laterale.
Tieni presente che non tutti i link di navigazione sono inseriti nel tag di navigazione. Il tag nav dovrebbe essere utilizzato solo per avvolgere i blocchi di navigazione principali come i menu di pagina.
1. Qual è il tag nav in HTML?
In HTML, il tag nav viene utilizzato per racchiudere la navigazione principale e le posizioni relative ai collegamenti per la pagina Web. Di solito sarà il menu principale, il sottomenu, l'elenco delle categorie della barra laterale…
Nav è l'acronimo di navigazione, la sua sintassi è la seguente:
<nav>...</nav>2. Come utilizzare il tag nav in HTML
Come ho detto sopra, dovremmo usare il tag nav solo per i principali link di navigazione per il sito web.
In passato, durante la creazione dei menu, usavamo spesso tag ul e tag come segue.
<div id="menu"> <ul> <li><a href="#">Home</a></li> ... </ul> </div>Ma se usiamo il tag nav, cambieremo la struttura in:
nav> <ul> <li><a href="#">Home</a></li> ... </ul> </nav> Inoltre niente di speciale, basta cambiare il tag div esterno in un tag nav .
Ad esempio , utilizza il tag nav per raggruppare i menu di navigazione di una pagina.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <main> <h2>Khóa học có tại web888.vn</h2> <div> <nav> <a href="#">HTML</a> | <a href="#">CSS</a> | <a href="#">JavaScript</a> | <a href="#">jQuery</a> </nav> </div> </main> </body> </html>Quindi ho finito il tutorial su come usare il tag nav in HTML. Questa scheda è anche semplice, quindi non ho troppi esempi per la lezione, spero che tu capisca.
