Nesta aula, exploramos a semântica do HTML5, destacando tags como header, nav, article, section e footer, e como elas ajudam SEO e acessibilidade.
Qual é a função principal do elemento <header> em HTML5?
Resposta correta: C) Definir o cabeçalho da página ou seção, podendo incluir logo, título e navegação
Observação: o header pode conter elementos como logo, título, menu de navegação e outras informações introdutórias.
Qual é a maior diferença conceitual entre <article> e <section> em HTML5?
Resposta correta: A) Article representa conteúdo independente; Section agrupa conteúdo por tema
Observação: Use Article para itens que podem ser independentes/compartilhados; use Section para dividir conteúdo dentro de uma página por tema.
Por que a semântica em HTML5 facilita SEO e acessibilidade?
Resposta correta: C) Porque ajuda motores de busca e leitores de tela a entenderem a estrutura da página
Observação: semântica melhora indexação e acessibilidade, facilitando a navegação por usuários assistivos.
Considere uma página de notícias com várias peças independentes. Qual configuração semântica é a mais adequada?
Resposta correta: C) Use <article> para cada notícia, com <header> e <footer> internos; use <section> para agrupar conteúdos por tema
Observação: essa combinação ajuda a separar conteúdos independentes (notícias) e agrupar conteúdos relacionados por tema quando necessário.