Atributo rel do HTML <link>

Etiqueta <link> de HTML

Definição e uso

Obrigatório rel O atributo especifica a relação entre o documento atual e o documento/resource vinculado.

Exemplo

Exemplo 1

Importa a tabela de estilos externa:

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

Experimente você mesmo

Exemplo 2

Aqui está como adicionar o ícone do site ao site:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Sintaxe

<link rel="value">

Valor do atributo

Valor Descrição
alternate

Fornece um link para a representação substituta do documento (por exemplo, página de impressão, tradução ou espelho).

Exemplo: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Fornece um link para o autor do documento.
dns-prefetch Determina que o navegador deve pré-executar a resolução DNS da origem do recurso alvo.
help

Fornece um link para o documento de ajuda.

Exemplo: <link rel="help" href="/help/">
icon

Importa o ícone que representa o documento.

Exemplo: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Fornece um link para informações de direitos autorais do documento.
next Fornece um link para o próximo documento da série.
pingback Fornece o endereço do servidor de pingback para o pingback do documento atual.
preconnect Define que o navegador deve pré-conectar a origem do recurso de destino.
prefetch Define que o navegador deve pré-obter e cachear os recursos de destino, pois podem ser usados em navegações futuras.
preload Define que o agente do navegador deve pré-obter e cachear os recursos do destino com base no destino fornecido no atributo "as" (e na prioridade associada a esse destino).
prerender

Define que o navegador deve pré-renderizar (carregar) a página especificada em segundo plano.

Se o usuário navegar para essa página, acelerará a velocidade de carregamento da página (porque a página já foi carregada).

Aviso! Isso consumirá largura de banda do usuário! Use pré-renderização apenas quando absolutamente certo de que a página é necessária em algum momento do processo de navegação do usuário.
prev Indica que o arquivo é parte de uma série e que o arquivo anterior da série é o arquivo referenciado.
search Fornecer links para recursos que podem ser usados para procurar o documento atual e suas páginas relacionadas.
stylesheet Importar folha de estilo.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Etiqueta <link> de HTML