Gli attributi del tag <a>
Il tag <a>, oltre ad href, ha una serie di interessanti attributi. I più importanti sono:
- title – specifica un’etichetta al link;
- target – permette di aprire il link nella stessa finestra del browser, in una nuova finestra oppure al’interno di uno specifico frame;
- name – permette di creare link interni alle pagine (o ancore);
- rel – permette di specificare il tipo di relazione esistente tra due documenti (quello “che linka” e quello “linkato”); è molto usato per creare link di tipo nofollow (la cui importanza riguarda tematiche SEO non trattate in questa guida);
- hreflang – permette di specificare la lingua del documento collegato (ha una certa rilevanza dal punto di vista dell’accessibilità);
- accesskey – consente di definire delle scorciatoie da tastiera attraverso le quali raggiungere velocemente il documento collegato.
Vediamo qualche esempio che chiarisca meglio l’utilizzo degli attributi tipici dei link HTML:
<!-- Crea un'etichetta --> <a href="corso.html" title="Pagina di un corso">Corso</a>
<!-- Apre un link in una nuova finestra col valore _blank --> <a href="corso.html" target="_blank">Corso</a>
<!-- Apre un link nofollow --> <a href="http://www.sito.it/pagina.html" rel="nofollow">Sito esterno</a>
<!-- Specifico la lingua del documento di destinazione --> <a href="http://www.sito.it/english.html" hreflang="eng">Pagina in inglese</a>
<!-- Specifico una scorciatoia da tastiera --> <a href="/index.html" accesskey="h">Home-Page</a>
Ovviamente è possibile anche più attributi insieme:
<a href="http://www.sito.it/pagina.html" rel="nofollow" target="_blank" title="Sito esterno">Sito esterno</a>