Considere os seguintes trechos de códig… (Fundatec)

Questões de Tecnologia da Informação · Fundatec

Tecnologia da InformaçãoOutros temasFundatec

Instituto Federal de Educação, Ciência e Tecnologia do Sertão Pernambucano - IFSertãoPE Concurso Público

Execução: Fundatec 25 – ANALISTA DE TECNOLOGIA DA INFORMAÇÃO 981_CE_25_NS_DM 11/08/2025 17:14:24 Considere os seguintes trechos de código HTML5 e CSS3: HTML <header> <nav role="navigation"> <ul class="main-nav"> <li><a href="/inicio">Início</a></li> <li><a href="/sobre" class="ativo">Sobre</a></li> </ul> </nav> </header> <main id="principal" role="main"> <article> <h1>Título do Artigo</h1> <p>Conteúdo do artigo...</p> </article> </main> CSS main#principal { border: 1px solid #ccc; } nav ul.main-nav > li > a.ativo { font-weight: bold; text-decoration: none; } Com 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.

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.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.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.DO uso de <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>).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. Execução: Fundatec 25 – ANALISTA DE TECNOLOGIA DA INFORMAÇÃO 981_CE_25_NS_DM 11/08/2025 17:14:24

Mais questões de Outros temas

Questão de prova oficial, com o gabarito definitivo publicado pela banca. Reproduzida para fins de estudo.