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.