Elemento HTML: link

Exemplo

Sintaxe

1

2

 lang="en">

3

4

   rel="stylesheet" href="styles.css" type="text/css">

5

6

Suporte do navegador

O elemento é suportado em todos os navegadores modernos. Leia mais em caniuse.com.

Atributos

A link elemento suporta atributos globais em HTML. Os Atributos Globais são comuns a todos os elementos HTML e podem ser usados ​​em todos eles (embora possam não ter muito efeito em alguns deles).

Há uma série de atributos adicionais suportados:

• href: Endereço do hiperlink
• crossorigin: como o elemento lida com solicitações crossorigin.
• rel: Relação entre o documento que contém o hiperlink e o recurso de destino que está sendo buscado.
• media: Mídia aplicável.
• integrity: metadados de integridade usados ​​em verificações de integridade de sub-recurso.
• hreflang: Idioma do recurso vinculado.
• type: Dica para o tipo de recurso referenciado.
• referrerpolicy: política de referência para buscas iniciadas pelo elemento.
• sizes: Tamanhos de ícones para rel="icon".
• imagesrcset: Imagens para usar em diferentes situações para resoluções de tela.
• imagesizes: Tamanhos de imagem para diferentes layouts de página.
• as: Destino potencial para uma solicitação de pré-carregamento (para rel="preload" e rel="modulepreload").
• blocking: se o elemento é potencialmente bloqueador de renderização.
• color: Cor a ser usada ao personalizar o ícone de um site (por rel="mask-icon")
• disabled: Se o link está desativado.

Exemplo de atributo

Aqui está um exemplo de como um usa o rel="" e hreflang="" atributos para estabelecer uma relação entre o documento atual e as versões em outros idiomas:

1

 rel="alternate" href="/en/page.html" hreflang="en" type="text/html">

2

 rel="alternate" href="/fr/page.html" hreflang="fr" type="text/html">

3

 rel="alternate" href="/es/page.html" hreflang="es" type="text/html">

Contente