Tipos de links em html5

Links

A possibilidade de linkar documentos é o que torna a Web o que ela é. Existem duas maneiras principais de linkar documentos, os elementos a e link. O elemento a cria um link no conteúdo da página. Você conhece sua sintaxe:

<a href="http://visie.com.br">Visie</a>

O elemento link, por sua vez, cria um metadado, um link que não é mostrado no conteúdo, mas o agente de usuário usa de outras maneiras. O uso mais comum é vincular um documento a uma folha de estilos:

<link rel="stylesheet" href="estilo.css" />

Note o atributo rel="stylesheet". O atributo rel pode estar presente nos elementos a e link, e ter uma série de valores:

Metadados de navegação
archives
os arquivos do site
author
a página do autor do documento atual
bookmark
o permalink da seção a que este documento pertence
first
o primeiro documento da série a qual este pertence
help
ajuda para esta página
index
o índice ou sumário que inclui o link para esta página
last
o último documento da série a qual este pertence
license
a licensa que cobre este documento
next
o próximo documento da série a qual este pertence
prefetch
o agente de usuário deve fazer cache desse link em segundo plano tão logo o documento atual tenha sido carregado. O autor do documento indica que este link é o provável próximo destino do usuário.
prev
o documento anterior da série a qual este pertence
search
a busca deste site
up
O documento um nível acima deste

O Opera nos dá um interessante exemplo de como um agente de usuário pode exibir estes links:

 

Metadados da página
alternate
um formato alternativo para o conteúdo atual. Precisa estar acompanhado do atributo type, contendo o tipo MIME do formato. Por exemplo, para indicar o RSS da página atual usamos:
<link rel="alternate" type="application/rss+xml" href="rss.xml" />
icon
o ícone que representa esta página
pingback
a URL de pingback desta página. Através desse endereço um sistema de blogging ou gerenciador de conteúdo pode avisar automaticamente quando um link para esta página for inserido.
stylesheet
a folha de estilo linkada deve ser vinculada a este documento para exibição
Comportamento dos links na página
external
indica um link externo ao domínio do documento atual
nofollow
indica que o autor do documento atual não endossa o conteúdo desse link. Os robôs de indexação para motores de busca podem, por exemplo, não seguir este link ou levar em conta o nofollow em seu algoritmo de ranking.
noreferrer
o agente de usuário não deve enviar o header HTTP Referer se o usuário acessar esse link
sidebar
o link deve ser aberto numa sidebar do navegador, se este recurso estiver disponível.
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s