Quiz 08 - Introdução

1. Qual a ordem lógica de estruturação de uma página web moderna utilizando tags semânticas?

`` -> `

` -> `

` -> `

`

`` -> `

` -> `

` -> `

`` -> `

` -> `

` -> `

`

`` -> `

2. Em uma Landing Page, onde geralmente colocamos o logo e o menu principal?

Dentro da tag `

Dentro da tag `

Dentro da tag `

`

Dentro da tag `` *Explicação: O cabeçalho (`

`) é o local semântico correto para a identidade e navegação inicial do site.*

3. Sobre a hierarquia de títulos, qual destas práticas é a mais recomendada?

Usar apenas `h1` para que tudo fique grande

Começar com `h6` e ir subindo até o `h1`

Usar um único `h1` para o tema principal e `h2`, `h3` em ordem lógica para subtemas

Escolher o título pelo tamanho da letra que você gosta *Explicação: A hierarquia de títulos serve para organizar o "índice" lógico da página para acessibilidade e SEO.*

4. Qual atributo é fundamental para que um link (``) aponte para uma seção específica dentro da própria página?

O atributo `src`

O atributo `href` apontando para o `id` da seção (ex: `href="#contato"`)

O atributo `class`

O atributo `target="_self"` *Explicação: Usamos o símbolo `#` seguido do ID desejado para criar links de âncora interna.*

5. Para que serve o atributo `alt` em uma tag de imagem?

Para mudar o estilo da borda

Para definir o nome do arquivo no servidor

Para fornecer uma descrição textual da imagem para deficientes visuais e buscadores

Para fazer a imagem brilhar *Explicação: O `alt` (texto alternativo) é o pilar da acessibilidade em imagens.*

6. Qual tag de tabela é usada para agrupar semanticamente o cabeçalho (nomes das colunas)?

``

``

``

`` *Explicação: `thead` separa os títulos das colunas do restante dos dados da tabela.*

7. Em um formulário, qual o papel do atributo `name` em um ``?

Definir a cor do texto

Fazer o input brilhar

Identificar os dados que estão sendo enviados para o servidor

Criar uma dica visual dentro do campo *Explicação: O `name` é a "chave" que o servidor usa para identificar qual valor o usuário preencheu.*

8. Qual a diferença entre `target="_blank"` e `target="_self"`?

O primeiro é para links internos e o segundo para externos

`_blank` abre em uma nova aba; `_self` abre na aba atual

`_blank` é mais rápido que o `_self`

Não há diferença real *Explicação: O `target` define o contexto de navegação onde o link será aberto.*

9. Por que o HTML5 é considerado uma evolução em relação às versões anteriores?

Porque ele é uma linguagem de programação completa

Porque ele introduziu tags semânticas e novos tipos de inputs que facilitam o desenvolvimento moderno

Porque ele não precisa de internet para funcionar

Porque ele removeu a necessidade de usar CSS *Explicação: O HTML5 trouxe clareza e novas funcionalidades nativas para a web rica de hoje.*

10. Qual a função da tag `

`?

Envolver todo o corpo do site, incluindo o rodapé

Identificar o conteúdo principal e exclusivo da página atual

Criar um menu de navegação lateral

Inserir os metadados do site *Explicação: A tag `

` ajuda a focar no "coração" da página, sendo vital para tecnologias assistivas.*