A professora não usou o nav e sim o link para inserir o botão de navegação. É correto?
A professora não usou o nav e sim o link para inserir o botão de navegação. É correto?
Oi, Juliana!
Que bom ter você por aqui acompanhando o curso. Essa é uma dúvida muito comum e demonstra que você tá atenta aos detalhes da semântica HTML.
Pra responder sua pergunta de forma direta: sim, o que a professora fez é correto, mas a escolha entre usar apenas um link ou envolvê-lo em uma tag <nav> depende da intenção e da complexidade do projeto.
Vamos entender as diferenças:
<a> (link)No exemplo da aula, o elemento criado foi um botão de chamada para ação (o famoso Call to Action ou CTA), como o "Testar versão demo".
<nav>.<a> sozinha é suficiente para indicar que aquele texto é clicável e levará o usuário para outro lugar.<nav>A tag <nav> deve ser reservada para blocos de navegação principal do site.
<nav>.<nav> ajuda tecnologias assistivas (como leitores de tela para pessoas com deficiência visual) a identificar rapidamente onde estão os menus de navegação do site.| Situação | Tag Recomendada | Por quê? |
|---|---|---|
| Botão isolado (ex: "Saiba mais") | <a> | É apenas um link de direcionamento pontual. |
| Menu Superior | <nav> | Contém os links principais para navegar pelo site todo. |
| Rodapé com links | <nav> (opcional) | Ajuda a organizar grupos de links institucionais. |
No caso do projeto Tech Board que você está vendo na transcrição, o link "Testar versão demo" funciona mais como um destaque dentro da seção principal (<main>) do que como um menu de navegação do site. Por isso, usá-lo apenas com a tag <a> dentro da <section> está perfeitamente adequado.
O planejamento que a professora sugeriu, aquele desenho no papel, ajuda justamente a decidir isso. Se no seu desenho aquele elemento não faz parte de uma lista de navegação, o link puro resolve o problema.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!