Ancore & Link
Uno dei cardini della nascita e della fortuna dell'HTML è la possibilità di navigare attraverso l'uso del mouse con l'azione di un click. La navigazione spazia dal documento stesso al sito che lo ospita per arrivare all'angolo più remoto del pianeta dove esiste un collegamento Internet. Ciò è possibile per mezzo del tag <a href=> (ancora) che collega un testo o immagine ad un indirizzo che viene specificato coll'attributo href (hypertext reference). Il testo o l'immagine che costituisce il link è quello inserito all'interno del tag <a> e del suo corrispettivo di chiusura </a>.
Esempio:
<a href="html_index.htm">Indietro all'indice</a>.
Il link su esposto è la rappresentazione esatta del link che trovate in fondo a sinistra di questa pagina, che vi riporta all'indice del tutorial. Un link, anche se non è sempre vero, si riconosce dal fatto che, se testo, questo appare sottolineato e di colore diverso dal contesto (questo colore viene impostato dall'attributo link=colore del tag <body>), se immagine, questa possiede una cornice dello stesso colore del prima citato attributo link. Come prima premesso però, questo non è sempre vero in quanto si può, con artifizi, eliminare questo segno distintivo, per cui non rimane che il solo segno ineludibile, rappresentato dal puntatore del mouse che cambia aspetto, esso infaati assume le sembianze di una manina con l'indice puntato.
Chiarito cosa sono l'ancora e i links, passiamo ad esaminare gli attributi del tag anchor, il più significativo dei quali è target=. Con questo attributo possiamo specificare in quale finestra fare aprire la nuova pagina. La tabella seguente riassume i possibili valori di target con la loro azione, ricordando che il valore di default è self:
| Attributo | Valore | Azione |
|---|---|---|
| target= | _self | Apre la pagina linkata nella stessa finestra |
| _parent | Usato in pagine con frame (vedi sezione sui frame), apre la pagina linkata nella finestra di livello superiore | |
| _top | Usato in pagine con frame (vedi sezione sui frame), apre la pagina linkata nella finestra superiore | |
| _blank | Apre la pagina linkata in una nuova finestra, lasciando aperta quella del link | |
| window_name | Usato in pagine con frame (vedi sezione sui frame), apre la pagina linkata nella finestra con quel nome |
Il link di esempio precedente ha come indirizzo solamente il nome della pagina, questo significa che pagina linkata si trova nella stessa cartella della pagina che contiene il link. Se si trovasse in un'altra cartella, ma nella stessa radice di quella che contiene la pagina con il link, allora si dovrebbe indicare questa situazione con due punti consecutivi seguiti dall'indirizzo. Esempio, la pagina linkata si trova nella cartella nominata tutorial e la pagina indice.htm, il link sarebbe così:
<a href="../tutorial/indice.htm">Indice</a>
se, invece la cartella tutorial è contenuta nella cartella della pagina che contiene il link (quindi è una sub cartella), il link sarebbe:
<a href="./tutorial/indice.htm">Indice</a>
Questa è la navigazione all'interno del sito, se volessimo raggiungere un sito in qualunque parte del mondo, dovremmo indicarne l'URL (Uniform Resource Locator) completo tipo <a href="http://www.nasa.gov">La Nasa</a>
o se trattasi di un un sito ftp (file transfer protocol) <a href="ftp://ftp.nasa.gov">La Nasa</a>, etc.
Navigare un documento
Un capitolo aprte merita la navigazione di uno stesso documento, questo tipo di navigazione è utilizzata per documenti molto lunghi e articolati dove, per esempio, per semplificare la ricerca si presenta un indice con il link al relativo capitolo, sezione o articolo.
Questa navigazione è attuata con l'attributo name= del tag anchor.
I links sottostanti vi porteranno, il primo all'inizio di questa pagina, il secondo all'altezza della tabella. Una volta attivato il link, per ritornare a questo punto premete il pulsante indietro del vostro browser.
Vai all'inizio della pagina
Vai alla tabella
Generalmente la navigazione avviene dall'alto verso il basso, posizionando un pulsante o anche un link, per il ritorno ad un punto di partenza che può essere l'indice del documento. Ad ogni modo le soluzioni sono limitate dalla vostra fantasia. Il listato dei due link su riportati sono:
<a href="#inizio">Vai all'inizio della pagina</a>
<a href="#tabella">Vai alla tabella</a>
i punti a cui sono indirizzati i link sono contrassegnati dai seguenti tags:
<a name="inizio"></a>
<a name="tabella"></a>