Links

Un link, o un'ancora, è una parola, un gruppo di parole oppure un'immagine su cui è possibile fare click per spostarsi in un altro documento oppure in una porzione specifica della pagina stessa in cui ti trovi. L'elemento per i link, sia interni che esterni, è semplicemente <a>. In precedenza ho parlato di abbreviazioni e a è un'abbreviazione che sta per ancora. Non puoi semplicemente usare <a> - devi aggiungere almeno un attributo, href. Href sta per hypertext reference (collegamento ipertestuale) ed il suo valore identifica l'indirizzo a cui ti sta collegando. Il link più semplice ha questo aspetto:

<a href="http://www.yoururl.com">Link text</a>

Aprire in una nuova finestra

In alcuni casi vorrai che l'utente sia in grado di mantenere aperta la tua pagina web e per questo avrai la possibilità di determinare se un link dovrà aprirsi o meno in una nuova finestra. Per fare ciò, userai l'attributo target.

Se deciderai di utilizzare l'attributo target, dovrai tenere a mente che molte persone non amano questa funzione. Credono che solo l'utente debba decidere in modo autonomo se aprire o meno una nuova finestra, facendo click con il pulsante destro del mouse. Detto questo, l'attributo o il valore per aprire la pagina in una nuova finestra assomiglierà al seguente:

<a href="http://www.yoururl.com" target="_blank">This is my link</a>

Link ad una specifica sezione del tuo documento

Se vuoi collegare una parte specifica del tuo documento, puoi agire in due modi. Prima di ogni cosa, dovrai identificare il punto esatto in cui vuoi far apparire il link, un nome in questo caso, ovvero:

<a name="question-2">This</a> is the answer to the second question

Questo che hai appena visto viene chiamato identificatore di frammento: identifica una porzione specifica del tuo documento. L'elemento ancora viene utilizzato per stabilire quale luogo desideri collegare e lo stesso verrà utilizzato per stabilire dove in quale punto dovrà essere collegato:

<a href="#question-2">See the answer to question 2</a>

Il simbolo # indica che c'è un frammento di identificazione e che la domanda due comunica al browser quale frammento dovrà cercare.

HTML5 consiglia di adottare attributi id specifici invece dell'attributo name se sono già disponibili ed in caso contrario di scrivere l'elemento ancora in modo leggermente diverso.

Qui trovi un esempio di come usare gli id.

<p id="my-note">This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Se l'id non venisse specificato nell'elemento paragrafo e volessimo comunque collegarci alla prima sezione, l'HTML5 suggerisce di farlo nella seguente modalità:

<p><a name="my-note" />This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Come puoi vedere, abbiamo usato un elemento ancora in assenza di un id univoco e poi chiudiamo l'elemento nel primo tag, visto che il tag di chiusura non è necessario.