: O Elemento LINK
Última atualização: 2026-09-12
<link>O Elemento LINK
Define uma relação entre o documento atual e um recurso externo, mais frequentemente uma folha de estilos CSS, mas também ícones ou preloads.
| Categoria | Metadados |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Auto-fechante — nenhuma tag de fechamento necessária |
| Status | Padrão |
📝 Sintaxe
<link rel="stylesheet" href="style.css">
⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
rel | Relationship: stylesheet, icon, preload, alternate, etc. | |
href | URL of the external resource. | |
type | MIME type of the resource (e.g. text/css). | |
media | Media/device condition the resource applies to. | |
sizes | Icon sizes for rel=icon (e.g. 32x32). |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador | |||||
|---|---|---|---|---|---|
| <link> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica: link é um elemento vazio; rel="stylesheet" é o uso mais comum.
🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.