A tag nav em HTML5
Neste artigo, aprenderemos como usar a tag nav em HTML5, que é uma tag usada para declarar locais de links de navegação, geralmente menus ou listas de categorias da barra lateral.
Observe que nem todos os links de navegação são colocados na tag nav. A tag nav deve ser usada apenas para agrupar blocos de navegação principais, como menus de página.
1. O que é a tag nav em HTML?
Em HTML, a tag nav é usada para agrupar a navegação principal e os locais relacionados a links para a página da web. Normalmente será o menu principal, submenu, lista de categorias da barra lateral…
Nav é um acrônimo para navegação, sua sintaxe é a seguinte:
<nav>...</nav>2. Como usar a tag nav em HTML
Como eu disse acima, devemos usar apenas a tag nav para os principais links de navegação do site.
No passado, ao criar menus, muitas vezes usávamos as tags ul e as tags a seguir.
<div id="menu"> <ul> <li><a href="#">Home</a></li> ... </ul> </div>Mas se usarmos a tag nav, mudaremos a estrutura para:
nav> <ul> <li><a href="#">Home</a></li> ... </ul> </nav> Também nada de especial, basta alterar a tag div externa para uma tag nav .
Por exemplo , use a tag nav para agrupar os menus de navegação de uma página.
<!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>Então eu terminei o tutorial sobre como usar a tag nav em HTML. Este cartão também é simples, então não tenho muitos exemplos para a lição, espero que você entenda.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
