4 Creare contenuti per il web - Andrea Giachetti

74
4.7 Collegamenti ipertestuali
Veniamo ora alla caratteristica peculiare dell'(X)HTML: la possibilità di creare ipertesti, cioè
inserire nelle pagine le cosiddette àncore, parti cliccando sulle quali si passa alla
visualizzazione di un altro documento sul browser.
Quest'altro documento è tipicamente altra pagina web, o una diversa posizione sulla medesima
pagina, ma non necessariamente. Dato che il browser è in realtà in grado di visualizzare vari tipi
di file o di fare avviare un'altra applicazione per il PC attraverso cui aprire un tipo di file non
direttamente gestito dal browser stesso (applicazioni helper), il file collegato può essere di vari
tipi (es. immagini, video, pdf, script).
L'elemento che crea il collegamento è (dal termine àncora, che si riferisce appunto al punto
di collegamento tra i documenti). Per inserire un collegamento, si usa l'attributo href, il cui
valore è l'URL della pagina web collegata, es. ,
se il riferimento è assoluto. Se si collega un file che risiede nella stessa cartella pubblica della
pagina di provenienza si può usare quello che viene chiamato collegamento relativo, omettendo
cioè l'indirizzo del sito, es: . Quando si creano
documenti (X)HTML occorre sempre fare attenzione alla correttezza di tutti i riferimenti,
assicurandosi, se il riferimento è relativo, che esistano i file corrispondenti sul filesystem del
server, o, se è assoluto, che l'URL sia corretto. Se non si specifica nulla, dopo il clic sull'àncora
il nuovo documento viene visualizzato sulla stessa finestra del browser dove si trovava il
documento di origine. E' però possibile fare in modo che appaia in una differente finestra con
l'attributo target. E' possibile anche indicare una cartella base in cui trovare i file collegati
mediante l'elemento . Tutta la parte di documento contenuta tra tale apertura di
elemento e la successiva chiusura agiranno come collegamento ipertestuale: il testo sarà
evidenziato e diventerà cliccabile e lo stesso accadrà con le immagini (vedi Figura 33).
L'evidenziamento del testo avviene in genere mediante colorazione blu e sottolineatura. Quello
delle immagini avviene attraverso la colorazione del bordo, per cui se il bordo viene eliminato
indicando border=”0”, il link non sarà evidenziato, a meno di non passare sull'immagine
stessa col cursore. Infatti un altro modo di evidenziare le ancore implementato sui browser
consiste nel modificare l'aspetto del puntatore (ad esempio trasformandolo in una piccola
La mia pagina
vado al mare
o resto a casa?
Figura 33: Inserimento di collegamenti ipertestuali. Con il link relativo dell'esempio, occorre che il
file "home.html" si trovi nella medesima cartella del file di origine.