Pular para o conteúdo principal

Questão de Programação — Linguagens de marcação — Quadrix 2025

ProgramaçãoLinguagens de marcação
Código
qg601703
Banca
Quadrix
Órgão
CRP - SP
Ano
2025
Nível
Superior
Cargo
Especialista em Gestão - Tecnologia da Informação e Comunicação
Uma psicóloga está desenvolvendo um site institucional para divulgar seus serviços de psicoterapia online. Ela contratou um desenvolvedor para criar um site interativo e com boa visibilidade no Google. Algumas funcionalidades do site envolvem formulários dinâmicos, carregamento assíncrono de conteúdo, animações e estrutura de SEO para aparecer nos resultados de busca.
Com base nessa situação hipotética, julgue o item a seguir.Para facilitar o carregamento do site da psicóloga, é recomendável centralizar todas as informações, como o endereço do consultório, as redes sociais, as especialidades e os depoimentos, em uma única <section> dentro do corpo da página.
  1. CCerto
  2. EErrado
Revelar gabarito e comentário

GabaritoE — Errado

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”.

HTML semântico e organização de conteúdo

Gabarito: letra E (ERRADO). Centralizar todas as informações em uma única <section> não é recomendável para facilitar o carregamento do site; a boa prática é organizar o conteúdo em múltiplas seções semânticas, cada uma com um propósito claro, o que melhora a acessibilidade, a manutenção e o SEO. A recomendação de usar várias <section> (ou outros elementos semânticos como <header>, <nav>, <main>, <article>, <footer>) vem das boas práticas de HTML5, não de uma regra de performance.

A tag <section> é um elemento semântico do HTML5 que representa uma seção genérica de conteúdo. Ela deve ser usada para agrupar conteúdos relacionados, mas não há nenhuma recomendação técnica de que "centralizar tudo em uma única section" facilite o carregamento. Na verdade, a prática recomendada é o oposto: dividir o conteúdo em seções lógicas e semanticamente significativas. Isso não apenas organiza a informação para os usuários, mas também ajuda os mecanismos de busca a entenderem a estrutura da página, o que é um dos pilares do SEO (Search Engine Optimization).

A performance de carregamento de um site é influenciada por fatores como o tamanho dos arquivos (HTML, CSS, JavaScript), o número de requisições HTTP, a otimização de imagens, o uso de cache, entre outros. A estruturação do HTML em uma ou várias <section> tem impacto mínimo ou nulo na velocidade de carregamento. O que importa para o SEO e para a experiência do usuário é a organização lógica e semântica do conteúdo.

Um exemplo prático: em vez de colocar endereço, redes sociais, especialidades e depoimentos em uma única <section>, o ideal seria estruturar a página com <header> para o topo, <nav> para o menu, <main> para o conteúdo principal, e dentro dele, <section> para cada bloco temático (ex.: <section> para especialidades, <section> para depoimentos), e <footer> para o rodapé com endereço e redes sociais. Essa estrutura é mais clara, acessível e favorece o SEO.

A pegadinha desta questão está em associar "facilitar o carregamento" com "centralizar informações em uma única section". O candidato pode ser induzido a pensar que menos seções = menos código = carregamento mais rápido, mas isso é um equívoco. A quantidade de seções não é um fator relevante de performance; a organização semântica é que é valorizada. Guarde isso: a tag <section> serve para organizar e dar significado ao conteúdo, não para otimizar o carregamento.

Item — ❌ ERRADO

A afirmação está incorreta porque a recomendação de "centralizar todas as informações em uma única <section>" não é uma prática recomendada para facilitar o carregamento do site. Pelo contrário, a boa prática de HTML5 é usar múltiplas seções semânticas para organizar o conteúdo de forma lógica, o que melhora a acessibilidade, a manutenção e o SEO. A performance de carregamento depende de outros fatores, como otimização de imagens, minificação de CSS/JS e cache, e não da quantidade de tags <section>.

Gabarito: letra E (ERRADO).

Link permanente: /questoes/qg601703