O elemento LINK· Exemplos· Leitura complementar ·
Índice das dicas · QA Homepage· QA IG· Markup Validator· QA-dev·
HTML e XHTML dispõem de um mecanismo que possibilita aos autores Web adicionar informações externas relacionadas ao seu documento HTML. Estas informações podem ser relativas a formatação do documento (CSS), ajuda para navegação, relativas a outras formas (RSS), informações de contato, etc.
O elemento LINK (<link>) escrito dentro do elemento HEAD, é usado para agregar estas informações ao documento.
Vamos examinar um exemplo prático em uma página de um Web site sobre astronomia. A página é sobre o planeta Terra e faz parte de uma seção que descreve o sistema solar.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Terra - Weblog Astronomia</title>
Um menu de navegação clássico para as páginas.
<link rel="Início" href="/sistema-solar/" /> <link rel="Anterior" href="/sistema-solar/venus/" /> <link rel="Próximo" href="/sistema-solar/marte/" />
Estes links ajudam a navegação em certos agentes de usuário.
Início aponta para a página inicial da seção Anterior aponta para o item anterior, no exemplo o planeta VenusPróximo aponta para o próximo item, no exemplo o planeta Marte <link rel="Conteudos" href="/sistema-solar/conteudos.html" />
Conteudos aponta para o índice da seção
<link rel="Ajuda" href="/website-ajuda.html" />
Ajuda link para uma página fornecendo informações sobre como usar seu Web site.
<link rel="alternate"
type="application/rss+xml"
title="RSS"
href="/updates.rdf" />
Possibilita aos leitores de RSS encontrar as atualizações de feeds no Web site. Observação: à época que este artigo foi escrito o mime-type application/rss+xml encontra-se ainda em fase de "rascunho" "The application/rss+xml Media Type" e não aceito pelo IETF.
<link rel="meta"
type="application/rdf+xml"
title="FOAF"
href="http://astro.example.org/foaf.xrdf" />
Possibilita aos leitores de FOAF encontrar metadatas no documento. A metadata poderia ser o autor por exemplo. Observação: à época que este artigo foi escrito o mime-type application/rdf+xml ainda não é aceito pelo IETF e não se tem trabalhado nele, desde a última proposta.
<link href="mailto:webmaster@example.org" rev="made" />
Uma maneira de contato com o autor do Web site
<link rel="stylesheet"
type="text/css"
media="screen"
href="/style/astro.css" />
Especifica a CSS para apresentar seu Web site. No exemplo, especificamos uma folha de estilos para renderizações em tela (screen). Podemos ter outros tipos de mídia.
<link rel="alternate"
href="/sistema-solar/terra.fr"
hreflang="fr"
title="Traducao para o frances" />
Acessa a tradução do documento para uma outra língua, no caso a língua francesa.
</head> <body> .... Restante da página.
Fecha a seção header e abre a seção body.
Os links descritos acima são usados pelos agentes de usuários (browsers) e outras aplicações com a finalidade de auxiliar os visitantes no uso do seu website.