tutoriais mais recente desenvolvimento web
 

HTML <link> Tag


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
crossoriginanonymous
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;
}