Questão nº 45
Questão de Tecnologia da Informação · FCC ALAP 2019 (nº 45)
Segundo os padrões de acessibilidade na web definidos para sites do Governo Eletrônico, códigos CSS devem estar sempre em arquivos externos a serem chamados pelas páginas do sítio/portal. Por exemplo, a instrução `<link rel="stylesheet" type="text/css" href="aleap.css"/>` pode ser também escrita na forma:
- A`<style rel="link" type="text/css"> @include url("aleap.css"); </style>`
- B`<link lang="css" type="stylesheet" href="aleap.css"/>`
- C`<style rel="stylesheet" type="text/css"> @import url("aleap.css"); </style>` (alternativa correta)
- D`<link rel="external" type="text/css" src="aleap.css"/>`
- E`<style rel="stylesheet" type="text/css" url("aleap.css")/>`
Resposta comentada
Gabarito Alternativa C
Folhas de estilo em cascata (CSS) são usadas para definir a aparência de uma página web. Para manter o código organizado e acessível, é uma boa prática manter o CSS em arquivos separados do HTML, chamados de arquivos externos.
(A) Incorreta: O atributo `rel="link"` não é válido para a tag `<style>`. Além disso, `@include` não é uma regra CSS padrão para importar arquivos; a regra correta é `@import`.
(B) Incorreta: O atributo `lang="css"` não é válido para a tag `<link>`. O tipo correto para CSS é `type="text/css"`, e o atributo `rel="stylesheet"` é essencial e está faltando.
(C) Correta: Esta alternativa usa a tag `<style>` para incorporar CSS diretamente no HTML, e dentro dela, a regra `@import url("aleap.css");` é uma forma válida de importar um arquivo CSS externo. Embora o atributo `rel="stylesheet"` não seja padrão para a tag `<style>` (ele é para `<link>`), a essência de importar o arquivo externo via `@import` está correta e é uma alternativa funcional.
(D) Incorreta: O atributo `rel="external"` não é o valor correto para folhas de estilo; o correto é `rel="stylesheet"`. A armadilha aqui é usar `src` em vez de `href`; `src` é para recursos como imagens ou scripts, enquanto `href` é para links e folhas de estilo.
(E) Incorreta: A sintaxe `url("aleap.css")` não é um atributo válido para a tag `<style>`. O atributo `rel="stylesheet"` também não é válido para a tag `<style>`.
Fonte: FCC ALAP 2019 Analista Legislativo - Desenvolvedor de Sistemas (Caderno Tipo 001). Reproduzida para fins de estudo.