Exemplo
Link para uma folha de estilo externa:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Tente você mesmo " Definição e Uso
A <link> tag define uma ligação entre um documento e um recurso externo.
A <link> tag é usada para conectar-se a folhas de estilo externas.
Suporte a navegadores
Quando usado para folhas de estilo, o <link> tag é suportado em todos os principais navegadores. Não real suporte para qualquer outra coisa.
Elemento | |||||
---|---|---|---|---|---|
<link> | sim | sim | sim | sim | sim |
Nota: O <link> elemento é um elemento vazio, ele contém apenas atributos.
Nota: este elemento vai apenas na seção de cabeça, mas ele pode aparecer qualquer número de vezes.
Diferenças entre HTML 4.01 e HTML5
Alguns HTML 4.01 atributos não são suportados no HTML5.
O "sizes" atributo é novo em HTML5.
Diferenças entre HTML e XHTML
Em HTML do <link> tag não tem nenhuma marca de fim.
Em XHTML no <link> tag deve ser devidamente fechado.
Atributos
= Novo em HTML5.
Atributo | Valor | Descrição |
---|---|---|
charset | char_encoding | Não suportado em HTML5. Especifica a codificação de caracteres do documento vinculado |
crossorigin | anonymous use-credentials | Especifica como o elemento lida com solicitações cross-origem |
href | URL | Especifica a localização do documento ligado |
hreflang | language_code | Especifica o idioma do texto no documento vinculado |
media | media_query | Especifica em qual dispositivo o documento vinculado será exibido |
rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Requeridos. Especifica a relação entre o documento e o documento corrente ligada |
rev | reversed relationship | Não suportado em HTML5. Especifica a relação entre o documento e o documento ligada actual |
sizes | HeightxWidth any | Especifica o tamanho do recurso ligada. Apenas para rel = "icon" |
target | _blank _self _top _parent frame_name | Não suportado em HTML5. Especifica, onde o documento é ligada para ser carregado |
type | media_type | Especifica o tipo de mídia do documento vinculado |
Atributos globais
A <link> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
A <link> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Tutorial HTML: Estilos HTML
Referência HTML DOM: objeto de link
Configurações CSS padrão
A maioria dos navegadores irá exibir o <link> elemento com os seguintes valores padrão:
link {
display: none;
}