Skip to main content

O que é um atributo Rel?

O atributo rel é um atributo HTML usado para descrever o relacionamento de uma página de destino com a página que está vinculando-a. As informações não são exibidas diretamente no navegador, mas os mecanismos de pesquisa e os leitores de tela podem pegar o atributo rel e coletar informações sobre a rede de conexões em uma página. O reverso é o atributo rev, usado para contextualizar a página atual em relação ao que está sendo vinculado.

Este atributo é escrito como rel = "property" e aparecerá em um link como este: <a rel = "home" href = "http://www.wisegeek.com"> wiseGEEK </a>. O atributo rel observa que o recurso que está sendo vinculado é a página inicial, relativa ao documento de origem do link, como este artigo sensato do GEEK. Da mesma forma, um site com parcerias de afiliados pode usar um código como este: <a rel = "affiliate" href = "http://www.example.com"> Afiliado amigável </a>. Quando os mecanismos de pesquisa rastreiam o site, eles podem entender os relacionamentos entre as páginas de um site, bem como os links externos.

Outro exemplo comum de como esse atributo pode ser usado está na navegação, para evitar confusões e reviravoltas. <a rel = "next" href = "http://www.example.com/2"> Entradas adicionais </a> podem ser usadas em um blog para fornecer um link para outra página de entradas. As pessoas também podem usar descritores como "anterior", "folha de estilo" e "índice" para fornecer tags descritivas para os recursos. O atributo rel também pode ser associado a outro código; por exemplo, uma folha de estilos pode ser codificada para exibir uma pequena seta ao lado de um link com rel = "previous" para facilitar a navegação.

Como muitos atributos HTML, o atributo rel não é aplicado de forma consistente. Alguns sites podem usá-lo extensivamente e pode ser muito útil para ferramentas como a construção de mapas de sites. Outros sites não o utilizam e, às vezes, usos estranhos do atributo surgem e podem confundir os navegadores. À medida que os padrões HTML mudam, os atributos entram e saem de moda, e é importante garantir que os sites sejam atualizados de acordo para evitar problemas como erros de exibição.

Pessoas curiosas para saber sobre o suporte ao navegador para vários atributos podem procurar documentações técnicas nos sites desses navegadores. É importante estar ciente de que, mesmo que a versão mais atual de um navegador reconheça e saiba como aplicar um atributo, versões mais antigas talvez não, e as pessoas preocupadas em alcançar o maior número possível de navegadores podem considerar isso ao codificar sites. Às vezes, é necessário fazer ajustes no código do site para o benefício das pessoas que usam navegadores mais antigos, para que sejam exibidas adequadamente.