GabaritoA — [imagem]
Gabarito: letra A. O elemento <div> é o exemplo clássico de uma tag não semântica no HTML, pois serve apenas como um contêiner genérico para agrupar elementos e aplicar estilos ou scripts, sem transmitir qualquer significado sobre o conteúdo que envolve.
No desenvolvimento web, a distinção entre elementos semânticos e não semânticos é fundamental para a acessibilidade, a otimização para motores de busca (SEO) e a manutenção do código. Elementos semânticos, como <article>, <aside>, <footer> e <nav>, descrevem claramente o seu propósito e o tipo de conteúdo que contêm tanto para o navegador quanto para o desenvolvedor. Por outro lado, elementos não semânticos, como <div> e <span>, não fornecem nenhuma informação sobre o significado do conteúdo, sendo utilizados puramente para fins de layout e estruturação visual.
A tag <div> é um elemento de nível de bloco (block-level) que não possui significado semântico. Ela é utilizada como um contêiner genérico para agrupar outros elementos, permitindo a aplicação de CSS para posicionamento ou JavaScript para manipulação, sem indicar o papel do conteúdo contido.
A tag <article> é um elemento semântico introduzido no HTML5. Ela é utilizada para definir um conteúdo independente e autossustentável, como um post de blog, um artigo de notícia ou um comentário, que faz sentido por si só fora do contexto da página.
A tag <aside> é um elemento semântico que representa uma seção da página cujo conteúdo está indiretamente relacionado ao conteúdo principal ao seu redor. É frequentemente utilizada para barras laterais, caixas de citação ou informações complementares.
A tag <footer> é um elemento semântico que define o rodapé de um documento ou de uma seção. Geralmente contém informações sobre o autor, direitos autorais, links de contato ou links para documentos relacionados.
A tag <nav> é um elemento semântico projetado para conter blocos de links de navegação. Ela indica que o conteúdo ali presente é destinado a ajudar o usuário a navegar pelo site ou pela página atual.
Para memorizar, pense que elementos semânticos "dizem o que são" (ex.: nav = navegação, footer = rodapé), enquanto elementos não semânticos (div, span) são apenas "caixas vazias" que você preenche com o que precisar, sem dar nome ao conteúdo.
Gabarito: letra A.
Link permanente: /questoes/vu081583