Html nav

Postado: 9 de dezembro de 2021

Nav HTML – Como usar o elemento nav do HTML

A tag <nav> define um conjunto de links de navegação do menu.

Observe que não todos os links de um documento devem estar dentro de um <nav> elemento do html5. 

O elemento <nav> destina-se apenas ao bloco principal de links de navegação.

O nav é um elemento do html5 usado para  indicar uma seção dos principais links de navegação em uma página.

Nem todos os links devem ser agrupados em um elemento nav. ou seja, a navegação deve ser reservada para seções de navegação primária.

Onde podemos aplicar o tag <nav> no html ?

Navegação primária: Menu Superior Principal – ( Home, sobre, serviços, contato…)


Navegação Secundária – Menu Inferior – ( Sidebar, Lista de categorias, Paginação …)

Veja um exemplo do elemento nav no html5

<nav class="menu">
  
  <ul>
  
      <li><a href="index.html" title="Home">Home</a></li>
      <li><a href="html5.html" title="Html5">Html5</a></li>
      <li><a href="css3.html" title="Css3">Css3</a></li>
      <li><a href="jquery.html" title="jQuery">jQuery</a></li>
      <li><a href="contato.html" title="Contato">Contato</a></li>
 
  </ul>

</nav>

Veja mais Tags Html: Códigos Html Prontos

Publicado por: loopnerd

490 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados