Pular para o conteúdo principal

Questão de Noções de Informática — Internet — FUNDATEC 2025

Noções de InformáticaInternet
Código
qg472849
Banca
FUNDATEC
Órgão
IF Sertão - PE
Ano
2025
Nível
Superior
Cargo
Analista de Tecnologia da Informação
Considere os seguintes trechos de código HTML5 e CSS3:Imagem associada para resolução da questãoCom base no código apresentado e nos princípios de desenvolvimento web, assinale a alternativa que descreve corretamente a estrutura, a semântica e o estilo aplicados.
  1. AA estrutura utiliza elementos semânticos do HTML5 para delinear o cabeçalho, a navegação e o conteúdo principal. O atributo role="main" reforça a acessibilidade da seção principal. O CSS aplica um estilo em negrito e remove o sublinhado exclusivamente do link 'Sobre', por meio de um seletor de filho direto (>) que identifica a classe .ativo.
  2. BO código utiliza a tag <main> para agrupar o conteúdo, e o CSS aplica uma borda a ela usando um seletor de ID. O atributo role é um identificador para scripts de automação. A regra de estilo para .ativo aplicará negrito a qualquer link com essa classe que esteja dentro do elemento <nav>, facilitando a reutilização do estilo.
  3. CA estrutura semântica está bem definida, mas o CSS é ineficiente. O uso de main#principal tem baixa especificidade e poderia ser sobrescrito facilmente. A regra de estilo para o link de navegação deveria usar um seletor de descendente (nav a.ativo) para garantir que o estilo seja aplicado, pois seletores de filho direto (>) são menos compatíveis.
  4. DO uso de e <header> e <nav> é apropriado para a estrutura. O atributo role="main" é funcionalmente redundante, visto que a tag <main> já possui essa semântica por padrão nos navegadores modernos. O estilo CSS aplicará a formatação em negrito ao item de lista (<li>) que contém o link 'Sobre', mas não diretamente ao elemento de link (<a>).
  5. EOs elementos como <article> e <main> são usados para substituir <div> com o objetivo de facilitar a aplicação de CSS. A regra de estilo nav ul.main-nav > li > a.ativo está sintaticamente correta, mas aplicará o estilo a todos os links da lista de navegação, pois a classe .ativo tem precedência sobre os demais seletores na regra.
Revelar gabarito e comentário

GabaritoA — A estrutura utiliza elementos semânticos do HTML5 para delinear o cabeçalho, a navegação e o conteúdo principal. O atributo role="main" reforça a acessibilidade da seção principal. O CSS aplica um estilo em negrito e remove o sublinhado exclusivamente do link 'Sobre', por meio de um seletor de filho direto (>) que identifica a classe .ativo.

Link permanente: /questoes/qg472849