Que você normalmente usa o Link de Relações ("rel" atributos)?

Question

Estou ansioso para mudar para um mais baseada em padrões, acessível e semanticly-web correta abordagem de desenvolvimento.No escritório, eu não espero que haja grandes mudanças de imediato, mas eu estou tentando iniciar, que estabelece alguns dos fundamentos básicos para progredir ainda mais para baixo da faixa.

Parte deste processo é a introdução do rel atributo links e conteúdo, tais outro.Este se estende mais do que o familiar velho

<link href="mystyles.css" type="text/css" rel="stylesheet" />

o que muitos desenvolvedores provavelmente iria jogar sem nem mesmo pensar sobre ele.Estou curioso para saber se alguém usa rel regularmente a de outras maneiras.Por exemplo, a configuração de sua navegação principal link de volta para a página inicial rel="start".

Se você tiver implementado Link de Relações em seu próprio projeto, o que o levou a adotá-los e quais os benefícios que você estava tentando realizar?

Se você já olhou no Link Relações, mas decidiu contra a sua utilização, o que foi a base para a sua decisão?

Answer 1

Eu freqüentemente uso o rel (e rev) atributos de uma ampla gama de valores em ambos <link/> e <a/> elementos.

Eu esbocei algumas das mais comuns (e mais útil) tipos de relacionamento abaixo.Uma lista mais completa da lista de rel valores é mantida no microformatos wiki.

HTML 4

Existem vários padrão link tipos definidos pela especificação do HTML 4.

• alternate - Utilizado quando fornecer um link para uma versão alternativa de um documento HTML, por exemplo, em um idioma diferente ou outro formato.Isso é mais comumente utilizado quando ligar para um sindicado (RSS ou Atom) versão de um web site.
• next e previous - Usada para indicar o próximo e documentos anteriores em uma série de documentos.Se rel="next" é utilizado em um <link/> elemento, em seguida, alguns navegadores pré-buscar o conteúdo do documento vinculado (ver o MDC link prefetching FAQ).

XFN

XFN XHTML (Rede de Amigos) é uma microformat usada para descrever as relações entre as pessoas que são representados pelas páginas da web.Ele também permite que uma página para indicar outras páginas que representam a mesma pessoa (por exemplo,meu blog, meu perfil no Twitter e meu Estouro de Pilha perfil de todos me representa).Ele faz tudo isso com a definição de um conjunto de rel valores:

• me - Utilizado para indicar que a ligação entre a página e a página vinculada representam o mesmo usuário.Este é amplamente adotado por muitos sites de redes sociais (incluindo o Estouro de Pilha) quando ligar a partir de um perfil de usuário para o usuário é o próprio site.
• contact, aquantance e friend - indica que você sabe que a pessoa que você está ligando e o quão bem você conhece-los.
• met - indica que você tiver encontrado a pessoa que você está vinculando.
• co-worker e colleague - indicar que você quer trabalhar com ou trabalham no mesmo campo, como a pessoa que você está vinculando.
• co-resident e neighbor - indicar que você vive ou perto da pessoa que você está vinculando.
• child, parent, sibling, spouse e kin - indicar que você está ligando para um membro de sua família.
• muse, crush, date e sweetheart - indicar um relacionamento romântico com a pessoa que você está vinculando.

Essas relações podem ser analisados e usados para determinar informações sobre um usuário, como o que seus amigos estão ou o que os outros perfis online que possuem.Para obter mais informações sobre atuais e futuros em potencial, as aplicações deste páginas seguintes podem ser de interesse:

• Ben Ala do artigo Portátil Redes Sociais.
• A lista de XFN implementações no microformatos wiki.

Outros

Existem vários outros tipos de link definida por várias especificações:

• nofollow - Usado para indicar que os motores de busca não deve seguir um link quando o rastreamento de uma página da web.Ver o rel-nofollow especificação.
• canonical - Utilizado para indicar que uma outra URL é a versão canônica da página atual e, portanto, deve ser favorecida pelos motores de pesquisa.Este é também usado com o rev atributo para indicar uma alternativa, geralmente menor, o URL para a página atual (por exemplo, rev="canonical" indica que a URL atual é a versão canônica da URL ligado).Mais informações e ferramentas podem ser encontradas em Simon Willison da entrada no blog rev=canônico.
• tag - Utilizado para indicar que a página vinculada é uma etiqueta (por exemplo,palavras-chave), descrevendo a página com links.Ver o rel-tag especificação.
• license - Usado para indicar a licença sob a qual o conteúdo da página com links é liberada.Ver o rel-license especificação.

Answer 2

Eu uso o rel = "nofollow" para links contribuídos com o usuário nos comentários do blog. O Google não seguirá o link e não receberá uma classificação de página mais alta por causa do link.

Answer 3

Uma coisa que os usei é como uma maneira de designar links externos que devem ser abertos em uma nova janela. Essa funcionalidade não é possível com xhtml rigoroso, porque o target atributo não é mais permitido em <a> Tag. Mas com algum JavaScript e o rel Atributo Você pode fazer um trabalho bastante decente, conforme descrito neste artigo: Links de nova janela em um mundo compatível com padrões.

Answer 4

Como Chad disse, Eu uso rel="external" Para designar links, gostaria de abrir em uma nova janela (alavancando algum jQuery para tornar isso possível).

Eu também uso rel="nofollow" Quando eu gostaria de fazer com que os bots que seguem as regras (como o Google Bot) não indexem meu link.

É útil em sites públicos adicionar automaticamente o Nofollow, caso contrário, poderá se tornar atraente para os spammers criarem um fazendas de link dos comentários do seu blog, por exemplo.