Html a tag – i link in html

Con quest’articlo si presume che il lettore abbia una minima conoscenza degli elementi TAG e del loro utilizzo.

Un tag A in html definisce un ancoraggio e viene utilizzato per stabilire collegamenti ad altre pagine, documenti o ad un segnalibro nella pagina.

Quando viene utilizzato come segnalibro è necessario impostare un id o name ad esso. L’id deve essere ovviamente unico, così come il name. In XHTML 1.0 l’attributo name per questo elemento è stato deprecato in favore dell’attributo id.

Quando il tag a viene utilizzato per creare un collegamento ad un’altra pagina l’attributo href definisce il percorso di destinazione. I link vengono di base “decorati” dai browser che inseriscono colore e sottolineatura.

Il tag a può essere utilizzato per entrambi gli scopi. Facendo riferimento ad un altro documento, questo ancoraggio setterà un segnalibro in questa pagina.

Per collegarsi ai segnalibri presenti nella stessa pagina del tag a è sufficiente definire solo l’ancora, anziché la url completa della pagina.

Attributi

id

L’attributo “id” assegna un nome identificativo per l’elemento associato. Questo identificatore deve essere univoco nel documento e può essere usato per riferirsi a tale elemento in altri casi (ad esempio da altri script).

class

L’attributo “class” assegna un nome di classe (o un elenco di classi separate da spazi) per l’elemento contenitore. Viene usato insieme ai fogli di stile per definire le proprietà grafiche dell’elemento.

style

Questo attributo viene utilizzato per definire attributi grafici per l’elemento contenitore, e il suo valore dovrebbe essere composta dalle proprietà dei fogli di stile. Si consiglia sempre di evitare di inserire le informazioni di stile in questo attributo preferendo invece di assegnare una classe e inserire le proprietà nei fogli di stile.

title

Lo scopo di questo attributo è di fornire un titolo all’elemento. Il suo valore dovrebbe essere una descrizione breve e precisa dell’elemento. I browser di solito visualizzano una nuvoletta con il titolo quando si mantiene il puntatore del mouse sopra l’elemento. È inoltre un fattore di cui tengono conto i motori di ricerca per determinare il contenuto del link a cui il tag a fa riferimento.

lang

Specifica la lingua del contenuto di un elemento. Il valore predefinito è “unknown”. In XHTML 1.1 l’attributo “lang” è stato completamente sostituito da “xml:lang” e il suo uso non è più valido.

dir

Questo attributo indica la direzione in cui i testi dell’elemento devono essere letti . Questo include i contenuti, i valori degli attributi e tabelle. Viene utilizzato, ad esempio, per gli alfabeti in cui si legge da destra a sinistra. Ha due valori possibili che sono case-insensitive:

RTL : da destra a sinistra;

LTR : da sinistra a destra.

charset

Specifica la codifica dei caratteri del documento di destinazione.

href

L’attributo “href”, il più importante per il tag a, specifica la risorsa di destinazione a cui l’elemento è collegato. Si può specificare una risorsa all’interno dello stesso sito o in uno esterno.

hreflang

Specifica la lingua del documento di destinazione. Questo attributo può essere utilizzato solo quando l’attributo href è presente nell’elemento.

type

Questo attributo fornisce informazioni sul tipo di contenuto della risorsa di destinazione, indicando se si tratta di un documento HTML, un’immagine JPG, un documento Excel, ecc. Il suo valore deve essere uno dei MIME types.

rel

Descrive la relazione che mantiene il documento corrente con la risorsa di destinazione; cioè si definisce il significato della risorsa per l’attuale documento.

rev

Stabilisce la relazione tra la risorsa di destinazione e il documento corrente; cioè si afferma che cosa il documento rappresenta per la risorsa.

shape

Definisce la forma di una regione utilizzata per definire un’area di una mappa di immagine. I valori sono case-sensitive e devono corrispondere ad uno dei seguenti:

• default: consente di selezionare l’intera regione;
• rect: definisce una regione rettangolare;
• circle: definisce una regione circolare;
• poly: definisce una regione poligonale.

coords

Specifica le coordinate e la posizione della forma definita nell’attributo “shape”. Le coordinate sono relative all’angolo in alto a sinistra dell’oggetto associato e dipendono dalla forma utilizzata:

• x1,y1,x2,y2: se l’attributo shape è impostato su rect specifica le coordinate dell’angolo in alto a sinistra e poi dell’angolo in basso a destra del rettangolo;
• x,y,raggio: se l’attributo shape è impostato su circle specifica le coordinate del cerchio e la lunghezza in pixel del raggio;
• x1,y1,x2,y2,..,xn,yn: se l’attributo shape è impostato su poly specifica le coordinate dei punti del poligono. Se le prime e le ultime coordinate non sono le stesse, il browser chiuderà automaticamente il poligono aggiungendo le ultime coordinate uguali alle prime.

L’attributo coords non è supportato in HTML5.

target

Specifica il nome del frame in cui il documento di destinazione deve essere caricato.

tabindex

Specifica la posizione di questo elemento in ordine di tabulazione. L’ordine di tabulazione definisce una sequenza con tutti gli elementi che possono ricevere il focus. Gli utenti possono navigare questa sequenza da tastiera (di solito con il tasto “tab”).

accesskey

Relaziona un elemento ad un tasto della tastiera. La maggior parte dei browser consentono agli utenti di accedere all’elemento premendo quel tasto mentre si tiene premuto il tasto “alt”. Il risultato dell’attivazione dipende dalla natura dell’elemento. Per i collegamenti, questa azione segue automaticamente il collegamento, mentre per altri elementi semplicemente ottiene il focus sull’oggetto.

name

Definisce un nome univoco per l’elemento per impostare i segnalibri (o ancore) nella pagina.

In XHTML 1.0 l’attributo “name” per questo elemento è stato deprecato in favore dell’attributo “id” e in XHTML 1.1 semplicemente non è valido. Eppure i segnalibri senza l’attributo “name” non possono funzionare, quindi a meno che non si stia scrivendo in XHTML 1.1, la pratica migliore è quella di utilizzare entrambi gli attributi con lo stesso valore.