Ti comunemente usate link Relazioni ( “rel” attributi)?

Question

Sono ansioso di muoversi verso una più basato su standard, approccio di sviluppo web accessibile e semanticly-corrette. In ufficio, non mi aspetto che ci sia enormi cambiamenti subito, ma sto cercando di iniziare, che stabilisce alcune delle basi fondamentali per il progresso più in basso la pista.

Parte di questo processo è l'introduzione del rel attributo nel link e altri tali contenuti. Questo si estende oltre il vecchio familiare

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

che molti sviluppatori probabilmente gettare senza nemmeno pensarci. Sono curioso di sapere se qualcuno usa rel="start" regolarmente in altri modi. Ad esempio, impostando link del tuo navigazione principale torna alla home page con <=>.

Se è stato implementato di collegamento Relazioni nel tuo progetto, cosa ti ha spinto ad adottarli e quali benefici stavi cercando di realizzare?

Se avete guardato collegamento Relazioni ma ha deciso contro il loro uso, ciò che è stato la base per la vostra decisione?

Answer 1

uso spesso il rel (e rev) attributi ad un'ampia gamma di valori su entrambi <link/> e <a/> elementi.

ho delineato alcuni dei tipi più comuni (e più utili) di relazione di seguito. Un elenco più completo dei valori alternate è mantenuto sul microformati wiki .

HTML 4

Ci sono diversi tipi di collegamento standard, definiti dalla specifica HTML 4.

• next - Usato nel fornire un link ad una versione alternativa di un documento HTML, per esempio in una lingua diversa o di un altro formato. Questo è più comunemente usato durante il collegamento a un sindacato (RSS o Atom) versione di un sito web.
• previous e rel="next" - Utilizzato per indicare i documenti successivi e precedenti in una serie di documenti. Se me viene utilizzato su un elemento contact poi alcuni browser pre-fetch il contenuto del documento collegato (si veda il MDC collegamento prefetching FAQ ).

XFN

XFN (XHTML Friends Network) è un microformat usato per descrivere le relazioni tra le persone che sono rappresentati da pagine web. Permette anche una pagina per indicare altre pagine che rappresentano la stessa persona (per esempio il mio blog, il mio profilo Twitter e il mio Stack Overflow profilo Tutti mi rappresentano). E fa tutto questo attraverso la definizione di un insieme di valori aquantance:

• friend - Usato per indicare che la pagina di collegamento e la pagina collegata rappresentano lo stesso utente. Questo è ampiamente adottato da molti siti di social (tra cui Stack Overflow) durante il collegamento da un profilo utente al sito Web dell'utente.
• met , co-worker e colleague - indica che si conosce la persona si collega e come ben si sa loro.
• co-resident -. Indica che avete incontrato la persona che si sta collegando a
• neighbor e child -. Indicare che si sia il lavoro con o lavoro nello stesso campo come la persona che si sta collegando a
• parent e sibling -. Indicare che si vive con o vicino alla persona che si sta collegando a
• spouse , kin , muse , crush e date -. indicare che si sta collegando ad un membro della vostra famiglia
• sweetheart , nofollow , canonical e rev="canonical" - indicano un romantico rapporto con la persona che si sta facendo riferimento.

Queste relazioni possono essere analizzati e utilizzati per determinare le informazioni su un utente, come ad esempio chi sono i loro amici sono o quali altri profili on-line che possiedono. Per ulteriori informazioni sulle attuali e potenziali futuri, applicazioni di questa pagine seguenti potrebbero interessarti:

• articolo di Ben Ward su portatile Reti Sociali .
• L'elenco dei XFN sul microformati wiki.

Altre

Ci sono vari altri tipi di collegamento definiti da varie specifiche:

• tag - utilizzato per indicare che i motori di ricerca non dovrebbe seguire un collegamento durante la scansione di una pagina web. Vedere la rel-nofollow specifica .
• license - usato per indicare che un altro URL è la versione canonica della pagina corrente e dovrebbe quindi essere favorito dai motori di ricerca. Questo è usato anche con il <=> attributo per indicare un'alternativa, solitamente più breve, URL della pagina corrente (cioè <=> indica che le current URL è la versione canonica del URL collegato). Maggiori informazioni e gli strumenti possono essere trovati nel blog di Simon Willison il rev = canonical .
• <=> - usato per indicare che la pagina collegata è un tag (cioè parola chiave) che descrive la pagina di collegamento. Vedere la rel-tag specifica .
• <=> - Utilizzato per indicare la licenza con la quale il contenuto della pagina di collegamento viene rilasciato. Vedere la rel-licenza specifica .

Answer 2

Io uso il rel = "nofollow" per l'utente ha contribuito link nei commenti del blog. Google solito seguire il link e non otterrete un page rank più elevato a causa del collegamento.

Answer 3

Una cosa che li ho usato per è come un modo per indicare i collegamenti esterni che devono essere aperte in una nuova finestra. Questa funzionalità non è possibile con rigorosa XHTML, perché il target attributo non è più consentito il <a> tag. Ma con alcuni javascript e la rel attributo che si può fare un lavoro abbastanza decente di esso, come descritto in questo articolo: noreferrer New-Window Anelli di una conforme agli standard mondiale .

Answer 4

Chad ha detto , ho uso rel="external" per designare i collegamenti mi piacerebbe aprire in una nuova finestra (sfruttando alcune jQuery per rendere possibile).

Io uso anche rel="nofollow" quando mi piacerebbe fare i bot che seguono le regole (come Google BOT) non indice il mio link.

E 'utile sui siti web pubblici per aggiungere automaticamente il nofollow, altrimenti potrebbe diventare allettante per gli spammer di fare un link agriturismo fuori dei vostri commenti del blog, per esempio.