Questão de Noções de Informática — Navegadores (Browser) — INSTITUTO AOCP 2024
Noções de Informática›Navegadores (Browser)
Código
qg262670
Banca
INSTITUTO AOCP
Órgão
SANEPAR
Ano
2024
Nível
Médio
Cargo
Técnico Profissional - Técnico em Informática
Você é técnico em informática da Sanepar e é responsável pelo desenvolvimento de um novo sistema para o órgão. Para garantir que esse sistema possa lidar com diferentes formatos de mídia e garantir a compatibilidade entre diversos navegadores, você precisa usar um elemento HTML 5 (Hypertext Markup Language, versão 5) que permita especificar múltiplas fontes para os elementos de mídia, como<vídeo> e <audio>.Considerando sua tarefa de garantir a compatibilidade de mídia entre navegadores, qual dos seguintes elementos HTML5 você deve utilizar para especificar múltiplas fontes para os elementos de mídia?
A<progress>
B<aside>
C<source>
D<slot>
E<meter>
Revelar gabarito e comentário▾
GabaritoC — <source>
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Elementos de mídia no HTML5
Gabarito: letra C. O elemento <source> é o recurso do HTML5 que permite especificar múltiplas fontes (arquivos de mídia) para os elementos <video> e <audio>, garantindo que o navegador escolha o primeiro formato que conseguir reproduzir — exatamente o que o enunciado pede para assegurar compatibilidade entre navegadores.
O HTML5 introduziu os elementos <video> e <audio> para incorporar mídia diretamente na página, sem depender de plugins externos como o Flash. No entanto, nem todos os navegadores suportam os mesmos formatos de arquivo (por exemplo, MP4, WebM, Ogg). Para resolver essa incompatibilidade, o HTML5 criou o elemento <source>, que é usado dentro de <video> ou <audio> para listar várias alternativas de arquivo. O navegador percorre a lista e reproduz o primeiro formato que ele consegue decodificar; se nenhum for suportado, ele exibe o texto alternativo (fallback) colocado entre as tags.
Na prática, o código fica assim:
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
Seu navegador não suporta vídeo HTML5.
</video>
Aqui, se o navegador não suportar MP4, ele tenta o WebM; se não suportar nenhum, mostra a mensagem. Esse é o mecanismo central da compatibilidade de mídia no HTML5.
As demais alternativas são elementos HTML5 de outras finalidades: <progress> exibe uma barra de progresso; <aside> define conteúdo lateral (como uma barra lateral); <slot> é usado em Web Components para criar pontos de inserção de conteúdo; e <meter> exibe uma medida escalar dentro de um intervalo (como um indicador de nível). Nenhum deles tem relação com especificar fontes de mídia.
A pegadinha da banca está em listar elementos HTML5 que existem e têm funções legítimas, mas completamente diferentes. O candidato que conhece apenas os nomes das tags pode se confundir, mas quem sabe a função de cada uma identifica <source> imediatamente. Guarde a associação: mídia com múltiplas fontes = <source>.
Alternativa A — ❌ Incorreta
O elemento <progress> representa o progresso de uma tarefa (como um download ou upload), exibindo uma barra de progresso. Não tem relação com mídia ou fontes alternativas.
Alternativa B — ❌ Incorreta
O elemento <aside> define conteúdo tangencial, como barras laterais, notas ou citações. É um elemento semântico de estrutura de página, não de mídia.
Alternativa C — ✅ Correta ⟵ GABARITO
O elemento <source> é usado dentro de <video> e <audio> para especificar múltiplas fontes de mídia. O navegador escolhe a primeira que conseguir reproduzir, garantindo compatibilidade entre navegadores com diferentes suportes de formato.
Alternativa D — ❌ Incorreta
O elemento <slot> é um recurso de Web Components, usado para criar pontos de inserção de conteúdo em um shadow DOM. Não tem relação com mídia.
Alternativa E — ❌ Incorreta
O elemento <meter> representa uma medida escalar dentro de um intervalo conhecido (como um indicador de nível de bateria ou de uso de disco). Não tem relação com mídia.
PEGA ESSA DICA!
Para memorizar, associe cada tag à sua função: <source> = fonte de mídia; <progress> = barra de progresso; <meter> = medidor; <aside> = conteúdo lateral; <slot> = espaço em Web Components. Em questões de HTML5, a banca costuma cobrar a função exata de cada elemento — conhecer o propósito de cada tag é o suficiente para acertar.