HTML5 Como usar a tag nav
Categoria: HTML5 Publicado dia: 22/03/2011 15:10:45 Comentários: 0
O HTML 5 acrescentou a tag NAV à lista de tags do html.
NAV, de navegabilidade, é uma tag que simboliza que a seção determinada por ela contém itens de navegação do site. É a tag ideal para menus e barras do site, e seu conteúdo deve ser links para outras páginas do site, ou ancoras para própria página. Porém, na tag NAV só deve conter links importantes.
Vejamos como deve ser usada:
<nav>
<a href="/site/index">Site</a>
<a href="/site/artigos">Artigos</a>
<a href="/site/contato">Contato</a>
</nav>
Vale lembrar que esta tag não deve ser usada para formatar o layout do site. Se for acrescentar estilos a seção, faça utilizando a tag DIV. Um exemplo:
<div id="menu-topo">
<nav>
<a href="/site/index">Site</a>
<a href="/site/artigos">Artigos</a>
<a href="/site/contato">Contato</a>
</nav>
</div>
Embora alguns sites na web, mal traduzidos, lhe incentivem a usar a tag NAV no rodapé, evite-o. Pois o próprio w3c desaconselha, informando que a tag FOOTER é a mais apropriada para links no rodapé.
Not all groups of links on a page need to be in a nav element — only sections that consist of major navigation blocks are appropriate for the nav element. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases, without a nav element.
...A tag FOOTER sozinha é suficiente para esses casos, sem uma tag NAV.
Em caso de dúvidas, consulte o w3c
Ver como PDF