Alternativa B
Para entender a localização correta, é fundamental conhecer a estrutura básica de um documento HTML. Um arquivo HTML é dividido em duas seções principais dentro da tag raiz <html>: o cabeçalho (<head>) e o corpo (<body>).
Estrutura e Semântica
A seção <head> é reservada para metadados, que são informações sobre o documento que o navegador precisa processar, mas que não aparecem diretamente na visualização da página. Isso inclui:
- O título da aba (
<title>); - Caracteres de codificação (
<meta charset>); - Scripts;
- Folhas de estilo (CSS).
Já a seção <body> contém tudo o que o usuário vê: textos, imagens, vídeos e elementos de layout.
Como vincular CSS Externo
Para importar uma folha de estilo externa, utilizamos a tag <link>. Ela deve ser posicionada preferencialmente no início da tag <head> para garantir que o navegador carregue os estilos antes de exibir o conteúdo.
O código padrão fica assim:
<head>
<link rel="stylesheet" href="arquivo-estilo.css">
</head>
Análise das Alternativas Incorretas
- A)
<div>: É uma tag de contêiner genérica usada para agrupar elementos de conteúdo e criar layouts. Não serve para declarações globais de estilo. - C)
<body>: Embora alguns navegadores consigam interpretar o link de CSS dentro do body, isso foge à semântica correta do HTML e pode causar problemas de renderização ("flash" de conteúdo sem estilo). - D)
<title>: Esta tag define apenas o texto que aparece na guia do navegador. Ela aceita apenas texto puro, não suporta atributos de href. - E)
<css>: Não existe uma tag chamada <css> na linguagem HTML.
Conclusão: O local semântico e técnico correto para declarar folhas de estilo externas é a seção de cabeçalho do documento.
Alternativa B.