A che cosa serve l’attributo rel?

Utilizzato per i tags <link>, <a> e <area>, l’attributo Rel descrive il tipo di relazione instaurata tra la risorsa attuale e quella linkata.
È nuovo? Per nulla, ma HTML5 porta nuove proprietà molto interessanti da utilizzare…

Perchè usare i nuovi valori?

Sono felice che tu lo chieda!
Usare questo attributo serve per 3 motivi.

  • Offre “miele” ai motori di ricerca semantici spiegando che relazione intercorre tra due documenti.
  • Dice al browser dove trovare risorse esterne come fogli stile, favicons e feed RSS.
  • Aiuta gli scripts, i robots e le altre applicazioni web ad identificare ed utilizzare differenti tipi di links.

Ecco quindi una tabella riassuntiva dei possibili valori che l’attributo rel può assumere da specifiche html4 e html5 valide per il W3C

Valore REL<link><a> & <area>DescrizioneSpecifica
alternateHyperlinkHyperlinkLink ad una rappresentazione alternativa della pagina attuale.HTML5/HTML4
bookmarkNon permessoHyperlinkPermalink al contenuto del contenitore più vicino.HTML5/HTML4
helpHyperlinkHyperlinkIl documento linkato offre un aiuto valido per l’elemento parente.HTML5/HTML4
indexHyperlinkHyperlinkLink alla tabella dei contenuti o ad un indice (non la homepage)HTML5/HTML4
nextHyperlinkHyperlinkLink al documento ‘successivo’ di una serie.HTML5/HTML4
prevHyperlinkHyperlinkLink al documento ‘precedente’ di una serie.HTML5/HTML4
stylesheetRisorsa esternaNon permessoImporta un foglio stileHTML5/HTML4
archivesHyperlinkHyperlinkLink ad una collezione di records, documenti o altri materiali di interesse storico.HTML5
authorHyperlinkHyperlinkLink alle informazioni relative all’autore dell’ <article> di riferimentoHTML5
externalNon permessoHyperlinkLink che punta ad una pagina esterna al sito attuale.HTML5
firstHyperlinkHyperlinkLink al primo documento in una serie.HTML5
iconRisorsa EsternaNon permessoImporta un’icona che rappresenta una pagina. (favicon)HTML5
lastHyperlinkHyperlinkLink all’ultima pagina in una serie di documenti.HTML5
licenseHyperlinkHyperlinkLink alle informazioni relative al copyright di un documentoHTML5
nofollowNon permessoAnnotazioneIndica che l’autore del documento non conferma la validità della pagina a cui si linka.HTML5
noreferrerNon permessoAnnotazioneImpedisce l’invio del referente tramite HTTP header.HTML5
pingbackRisorsa esternaNon permessoL’indirizzo del server di pingback.HTML5
PrefetchRisorsa esternaRisorsa esternaFa il preload del documento linkato.HTML5
searchHyperlinkHyperlinkLinka ad un documento di tipo OpenSearch.HTML5
sidebarHyperlinkHyperlinkMostra il documento linkato in una sidebar del browser (se ne ha una).HTML5
tagHyperlinkHyperlinkUn tag o una parola chiave applicabile al documento corrente.HTML5
upHyperlinkHyperlinkLink al documento padre del documento attuale.HTML5

PS: non usate il rel come attributo generico (ad esempio da sfruttare in javascript)! Per questo scopo in html5 sono stati introdotti i “data-attribute“.