15 perguntas e respostas do teste HTML5

Pergunta 1: O que é HTML5?
A) Uma linguagem de marcação para criar páginas web.
B) Um software de edição de imagens.
C) Um banco de dados relacional.
D) Um framework de JavaScript.
Resposta: A
Explicação: HTML5 é a quinta versão da Hyper Text Markup Language, usada para estruturar e apresentar conteúdo na web de forma mais eficiente.

Pergunta 2: Qual elemento semântico HTML5 é usado para definir o cabeçalho de uma página?
A) {head}
B) {header}
C) {h1}
D) {top}
Resposta: B
Explicação: O elemento {header} é um contêiner semântico que define o cabeçalho de uma seção ou da página inteira, melhorando a acessibilidade e SEO.

Pergunta 3: Qual é o novo tipo de input em HTML5 para campos de e-mail?
A) type=”email”
B) type=”mail”
C) type=”text”
D) type=”emailaddress”
Resposta: A
Explicação: O atributo type=”email” fornece validação automática para endereços de e-mail, facilitando a criação de formulários mais inteligentes.

Pergunta 4: Como se insere um vídeo em uma página HTML5?
A) Usando o elemento {video}.
B) Usando o elemento {movie}.
C) Usando o elemento {embed}.
D) Usando o elemento {media}.
Resposta: A
Explicação: O elemento {video} permite a incorporação de vídeos diretamente na página, com suporte a controles e atributos como src e autoplay.

Pergunta 5: O que é o elemento {canvas} em HTML5?
A) Um elemento para desenhar gráficos via JavaScript.
B) Um elemento para exibir imagens estáticas.
C) Um elemento para criar tabelas.
D) Um elemento para estilizar texto.
Resposta: A
Explicação: O {canvas} fornece um espaço bidimensional para renderizar gráficos dinâmicos usando scripts, como JavaScript, para animações e jogos.

Pergunta 6: Qual API HTML5 permite acessar a localização geográfica do usuário?
A) Geolocation API.
B) Location API.
C) GPS API.
D) Map API.
Resposta: A
Explicação: A Geolocation API permite que sites acessem a posição do usuário com permissão, usada em aplicativos como mapas e serviços baseados em localização.

Pergunta 7: Como armazenar dados localmente no navegador com HTML5?
A) Usando localStorage.
B) Usando cookies.
C) Usando sessionStorage.
D) Ambas A e C.
Resposta: D
Explicação: localStorage armazena dados sem expiração, enquanto sessionStorage armazena dados apenas para a sessão atual, oferecendo opções para armazenamento offline.

Pergunta 8: Qual é a diferença principal entre SVG e Canvas em HTML5?
A) SVG é baseado em vetores, enquanto Canvas é baseado em raster.
B) SVG é para imagens, Canvas para texto.
C) SVG é obsoleto, Canvas é novo.
D) Não há diferença.
Resposta: A
Explicação: SVG cria gráficos escaláveis baseados em XML, enquanto Canvas desenha gráficos pixel por pixel, sendo mais adequado para animações dinâmicas.

Pergunta 9: Qual é a declaração correta do DOCTYPE para um documento HTML5?
A) {!DOCTYPE html}
B) {html version=”5″}
C) {!DOCTYPE HTML5}
D) {doctype html5}
Resposta: A
Explicação: A declaração {!DOCTYPE html} informa ao navegador que o documento é HTML5, garantindo a renderização compatível e padrão.

Pergunta 10: Qual elemento HTML4 foi depreciado em HTML5?
A) {center}
B) {div}
C) {p}
D) {span}
Resposta: A
Explicação: Elementos como {center} foram depreciados em HTML5, sendo substituídos por CSS para centralizar conteúdo, promovendo separação de estrutura e estilo.

Pergunta 11: Como tornar uma página responsiva usando HTML5?
A) Usando a meta tag {meta name=”viewport” content=”width=device-width”}.
B) Usando o elemento {responsive}.
C) Adicionando CSS diretamente no HTML.
D) Usando JavaScript para redimensionar.
Resposta: A
Explicação: A meta tag viewport controla o layout em dispositivos móveis, permitindo que a página se adapte a diferentes tamanhos de tela.

Pergunta 12: O que são Web Workers em HTML5?
A) Scripts que rodamm em background sem bloquear a interface.
B) Elementos para workers web.
C) Funções para animações.
D) APIs para redes sociais.
Resposta: A
Explicação: Web Workers permitem executar JavaScript em threads separadas, melhorando o desempenho ao evitar que tarefas pesadas travem a página principal.

Pergunta 13: Como implementar arrastar e soltar em HTML5?
A) Usando os atributos draggable e eventos como dragstart.
B) Usando CSS para animações.
C) Usando Java apenas.
D) Não é possível no HTML5.
Resposta: A
Explicação: Os atributos draggable e eventos relacionados, como ondragover e ondrop, facilitam a funcionalidade de arrastar e soltar elementos na página.

Pergunta 14: Como validar um formulário em HTML5 sem JavaScript?
A) Usando atributos como required e pattern.
B) Usando CSS para validação.
C) Não é possível.
D) Usando PHP.
Resposta: A
Explicação: Atributos como required, pattern e type fornecem validação nativa no cliente, melhorando a usabilidade e reduzindo erros de entrada.

Pergunta 15: O que é microdata em HTML5?
A) Um conjunto de atributos para adicionar dados semânticos a elementos.
B) Um tipo de imagem.
C) Um elemento para metadados.
D) Uma API para dados.
Resposta: A
Explicação: Microdata usa atributos como itemprop e itemscope para enriquecer o HTML com informações estruturadas, ajudando motores de busca a entender o conteúdo.