Quiz 03 - Introdução

1. O que define o "HTML Semântico"?

O uso de cores vibrantes no texto

O uso de tags que descrevem o significado do conteúdo

A velocidade com que a página carrega

O número de imagens em um documento *Explicação: Tags semânticas como `

` e `

2. Quantas vezes a tag `

` deve aparecer em uma única página HTML?

Quantas vezes for necessário

No mínimo duas (uma no topo e outra no fim)

Apenas uma vez

Nenhuma, ela é opcional *Explicação: A tag `

` representa o conteúdo principal e exclusivo daquela página específica.*

3. Qual a principal vantagem de usar HTML semântico para o SEO (Otimização para Buscadores)?

Deixa as imagens menores

Remove os vírus do site

Ajuda motores de busca como o Google a entender melhor a estrutura e importância do conteúdo

Faz o site carregar sem internet *Explicação: Buscadores priorizam sites onde conseguem identificar claramente o que é cabeçalho, conteúdo e rodapé.*

4. Qual tag é a mais adequada para envolver os links do menu principal do site?

``

``

`

`

` *Explicação: A tag `

5. Sobre `section` e `article`, qual a afirmação correta?

São a mesma coisa e podem ser usadas sem distinção

`article` deve ser usado para conteúdo independente (que pode ser lido sozinho), enquanto `section` agrupa temas relacionados

`section` só pode existir dentro de um `article`

`article` serve apenas para notícias de jornal *Explicação: Um `article` é auto-contido; uma `section` divide a página em blocos temáticos.*

6. Qual tag deve ser usada para o rodapé da página ou de uma seção?

``

``

`

`` *Explicação: `

7. Na hierarquia de títulos, qual a regra correta sobre o uso do `

`?

Devemos usar em todos os parágrafos para destaque

Podemos usar vários, desde que tenham cores diferentes

Devemos usar apenas um por página, representando o assunto principal

Só deve ser usado se o texto for em inglês *Explicação: O `

` é o título de nível mais alto e define o tema central da página para acessibilidade e SEO.*

8. O que acontece se pularmos a hierarquia de títulos (ex: passar do `h1` direto para o `h4`)?

O site não carrega

O navegador exibe um erro em vermelho

Prejudica a acessibilidade para quem usa leitores de tela e confunde os buscadores

O texto fica invisível *Explicação: A ordem lógica dos títulos (h1, h2, h3...) cria um índice estruturado para quem não enxerga a tela.*

9. Qual tag semântica é ideal para o cabeçalho do site, geralmente contendo o logo e o título?

``

``

`

`

`