Tag <link>

Exemplos

Link para uma folha de estilo externa:

<head>
<link rel="stylesheet" href="styles.css">
</head>

Definição de Uso

A tag <link> define o relacionamento entre o documento atual e um recurso externo.

A tag <link> é usada com mais frequência para vincular a folhas de estilo externas ou
para adicionar um favicon ao seu site.

O elemento <link> é um elemento vazio, contém apenas atributos.

Suporte para Navegadores

Navegadores
Compatibilidade	sim	sim	sim	sim	sim

Atributo	Valor	Descrição
crossorigin	anonymous use-credentials	Especifica como o elemento lida com solicitações de cross-origin

href	URL	Especifica a localização do documento vinculado

label	text	Especifica o tipo de título de texto

hrefflang	language_code	Especifica o idioma do texto no documento vinculado

srclang	language_code	Especifica o idioma dos dados do texto da faixa (obrigatório se kind="subtitles")
media	media_query	Especifica em qual dispositivo o documento vinculado será exibido
media	media_query	Especifica em qual dispositivo o documento vinculado será exibido
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url	Especifica qual referenciador usar ao buscar o recurso
rel	alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet	Obrigatório. Especifica a relação entre o documento atual e o documento vinculado
sizes	HeightxWidth any	Especifica o tamanho do recurso vinculado. Somente para rel="icon"
title		Define uma folha de estilo ou alternativa
type	media_type	Especifica o tipo de mídia do documento vinculado

Atributos Globais

A tag <link> também suportam os Atributos Globais em HTML.