Se existe o atributo hidden, não é necessário esconder o nav por CSS
Se existe o atributo hidden, não é necessário esconder o nav por CSS
Olá Luis! Tudo bem?
Muito obrigada pela sugestão e por compartilhar esse ponto com outros estudantes para promover o aprendizado!
O atributo hidden é uma maneira prática de esconder elementos no HTML sem precisar de CSS adicional. Quando você adiciona hidden a um elemento, ele não será exibido na página, semelhante a definir display: none no CSS.
Porém, ao usar o CSS, você tem mais controle e flexibilidade sobre a exibição dos elementos. Por exemplo, você pode usar seletores para mostrar ou esconder elementos com base em interações do usuário, como hover ou clique, ou em diferentes tamanhos de tela, usando media queries.
No contexto de um menu de navegação, o CSS pode ser mais vantajoso porque permite criar efeitos de transição e animação ao abrir e fechar o menu, o que pode melhorar a experiência do usuário. Além disso, com CSS, você pode facilmente alterar a visibilidade do menu em diferentes dispositivos para garantir a responsividade.
Por exemplo, você pode ter algo assim no CSS para controlar a visibilidade do menu:
nav {
display: none;
}
input[type="checkbox"]:checked ~ nav {
display: block;
}
Neste exemplo, o menu <nav> será exibido apenas quando o checkbox estiver marcado, permitindo criar um menu de hambúrguer responsivo.
Ambas as abordagens são válidas e é muito bacana pensar como cada uma pode ter suas vantagens e desvantagens dependendo do contexto. Agradecemos por trazer essa reflexão!
Conte sempre com nosso apoio!
Abraços e bons estudos :)