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:
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”.
CSS: Inclusão de Arquivo Externo
Gabarito: alternativa C. A forma equivalente à tag <link rel="stylesheet" ...> para incluir um arquivo CSS externo é usando a regra @import dentro de um elemento <style>. As demais alternativas apresentam erros de sintaxe ou uso de atributos incorretos.
A questão aborda os padrões de acessibilidade do Governo Eletrônico (e-MAG), que recomendam o uso de CSS externo. Tanto <link> quanto @import cumprem esse papel, desde que escritos corretamente.
Alternativa A — ❌ Incorreta
Utiliza @include, que não é uma diretiva CSS válida (pertence a pré-processadores como Sass). Além disso, o atributo rel="link" no <style> é incorreto.
Alternativa B — ❌ Incorreta
O atributo lang não é aplicável a <link>; o correto seria rel="stylesheet" e type="text/css". O type está trocado por "stylesheet".
Alternativa C — ✅ Correta ⟵ GABARITO
A sintaxe <style rel="stylesheet" type="text/css"> @import url("aleap.css"); </style> é a forma correta de importar um CSS externo por meio do @import. A especificação HTML permite o atributo rel no <style>, e @import url(...) é a diretiva padrão do CSS. Essa construção é aceita pelos navegadores e atende à recomendação de manter os estilos em arquivo separado.
Alternativa D — ❌ Incorreta
O valor "external" para o atributo rel não é reconhecido para folhas de estilo; o correto é "stylesheet". Além disso, <link> usa href, e não src.
Alternativa E — ❌ Incorreta
A função url() não pode ser usada como valor de um atributo HTML; ela deve ser inserida no conteúdo do <style>. A sintaxe está quebrada.
PEGA ESSA DICA!
Nas provas de acessibilidade web para órgãos públicos (e-MAG), lembre-se de que o CSS externo é obrigatório. As duas formas válidas de incluí-lo são <link rel="stylesheet" href="..."> e <style> @import url("..."); </style>. A confusão comum é trocar @import por @include ou usar atributos errados no <link>.