Qual é a diferença de usar nav a e nav li a no CSS?
Qual é a diferença de usar nav a e nav li a no CSS?
Vinicius, blz?
São 3 tags diferentes, pode especificar um pouquinho mais a dúvida?
Abraço
A principal diferença é a semântica.
O <li>
significa list, certo? Na nossa <nav>
(navigation), o que estamos exibindo é uma lista de ítens que compõe a navegação. Então, a tag semanticamente perfeita para a situação é a <li>
.
A marcação semântica tem só pontos positivos na estruturação do seu HTML. Desde o simples motivo de facilitar para que um próximo desenvolvedor mexa em seu código, e os principais: acessibilidade e melhor indexação de seu conteúdo.
Nesse seu exemplo, pelo que da pra ver, fora a semântica como disse o Thiago Vilaça, teria o mesmo efeito selecionar NAV LI A ou NAV A, agora se você tivesse um link fora das LI ai nessa caso faria diferença.
Este texto está fora da LI e não pegara o efeito que determinar com o NAV LI A apenas com o NAV A
Espero ter ajudado e não complicado mais.