Em HTML5, a criação de sites com semântica depende não apenas da utilização de tags, microdatas, ou qualquer outra API, mas também da forma como são organizadas as informações na página. Assinale, a seguir, o elemento semântico que possui conteúdo tangencialmente relacionado a outro conteúdo, ou seja, que define um bloco de informações referentes ao conteúdo principal.
- A)Nav.
Nav é a área de navegação da página, usada para menus e links principais, não para conteúdo complementar.
- B)Aside.
Correta: aside indica conteúdo tangencial ou lateral, relacionado ao principal, mas não central na página.
- C)Footer.
Footer é o rodapé da página ou de uma seção, normalmente com créditos, contatos ou informações finais.
- D)Article.
Article representa um conteúdo independente e autossuficiente, como notícia, postagem ou bloco isolado.
Gabarito: B
No HTML5, a semântica serve para indicar o papel de cada parte da página, e não só para "decorar" o texto com tags bonitas. Isso ajuda navegadores, leitores de tela e mecanismos de busca a entenderem melhor a estrutura do conteúdo. Quando a questão fala em um elemento que traz conteúdo tangencialmente relacionado ao conteúdo principal, ela está descrevendo uma área lateral ou complementar da página. Esse é justamente o caso da tag aside. Ela é usada para informações que têm relação com o conteúdo principal, mas não fazem parte dele de forma central, como uma barra lateral, observações, blocos de links relacionados ou curiosidades. É o famoso "conteúdo extra que conversa com o texto principal, mas não entra na conversa principal". Já nav serve para agrupamento de links de navegação, footer marca o rodapé da página ou de uma seção, e article representa um conteúdo independente, como uma notícia, post ou bloco autônomo. Por isso, o gabarito é a letra B. Em resumo: se a ideia é conteúdo acessório, complementar e lateral, pense em aside. É uma das tags semânticas mais cobradas em HTML5 justamente porque a banca gosta de trocar o nome da função por uma descrição mais caprichada.