Devemos colocar a tag <ul> dentro da tag <nav>?

StackOverflow https://stackoverflow.com//questions/11693608

  •  12-12-2019
  •  | 
  •  

Pergunta

Gostaria de saber que muitos sites colocam tag dentro de tag, pela especificação a tag de navegação possui tags de âncoras, e aqui o exemplo em w3escolas, por que muitos sites fazem assim:

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
    </ul>
</nav>

Isso está correto ou devemos apenas fazer assim

<nav>
    <a href="#">Home</a>
    <a href="#">About</a>
</nav>
Foi útil?

Solução

Em geral não é obrigatório, porém é uma prática muito comum colocar seus itens de navegação em uma lista e usar CSS exibi-los in-line (se necessário).Isso não é apenas um conselho para HTML5 - se você desabilitar, por exemplo, CSS no navegador, seu menu será exibido como:

comece sobre mim contato (você pode ler isso?)

com lista será:

  • começar
  • sobre mim
  • contato

Considere qual versão você gostaria de ver em caso de problemas com o design de exibição.

Outras dicas

O que é importante observar aqui é para que foram projetadas as novas tags como navegação, seção, cabeçalho, rodapé, etc.Por si só, essas tags não se comportam de maneira diferente de uma div.A razão pela qual as pessoas estão começando a usá-los em seus sites HTML5 é para fornecer contexto ao documento.Embora eu revire os olhos ao ouvir termos como “Web 2.0”, esses termos transmitem uma mudança na forma de pensar sobre como usamos a web.Sempre que você ouvir "Web 3.0"...ah, tudo o que isso realmente significa é que as pessoas estão tentando pensar em como tornar a web mais semântica, o que significa que a experiência do usuário é mais personalizada com base no comportamento e nas preferências do usuário.Marcar seu documento com esses tipos de tags ajuda a fornecer esse contexto.A implementação de como ele se apresentará, entretanto, ainda depende de você, e acredito que ambos os exemplos que você forneceu são perfeitamente válidos.

Há um artigo decente aqui que discute isso com mais detalhes:

http://html5doctor.com/lets-talk-about-semantics/

Sempre considerei que qualquer tag que exista apenas para abrigar outra tag única é estranha.

No entanto, a marcação semântica e sensata é uma ciência inexata, por isso as pessoas têm opiniões diferentes.

De acordo com a especificação do elemento "nav", ele representa um seção de uma página vinculada a outras páginas ou a partes da página.A especificação não exige nenhuma estrutura específica no elemento "nav".O bloco "ul", por outro lado, agrupa links de navegação para fins lógicos e/ou práticos.O uso de listas para blocos de navegação beneficia os usuários que navegam na Web com tecnologia assistiva, pois o leitor de tela pode pular blocos inteiros de navegação, saltando de um nível de navegação para outro.

Referências:

Eu diria:Sim, se for navegação multinível (portanto, será ordenada hierárquica).Não, em todos os outros casos:você economiza dados, ganha velocidade e legibilidade.

IMHO UL deve ser usado para mostrar a Lista Não Ordenada real, o mesmo se aplica às tabelas, que devem mostrar dados tabulares.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top