Nel codice di markup HTML, è possibile includere collegamenti tra le pagine Web. Questo è uno dei principi fondamentali del Web, collegando pagine e siti tra loro. Tuttavia, è possibile anche effettuare connessioni link HTML all'interno di una singola pagina di un sito. Utilizzando una leggera variazione sul normale sintassi di ancoraggio HTML, è possibile aggiungere collegamenti a determinati punti all'interno di una pagina, facilitando la navigazione dell'utente all'interno della pagina nel suo complesso.

Scopo

Lo scopo di fornire collegamenti tra punti diversi nella stessa pagina è di rendere l'esperienza della lettura della pagina più facile e più piacevole. La tecnica è particolarmente utile per le pagine con un sacco di contenuti di testo. Un uso comune consiste nel fornire un menu nella parte superiore di una pagina, con i link ai vari punti più in basso nella pagina, in modo che gli utenti possono fare clic su questi link, piuttosto che scorrere la pagina fino a trovare la sezione che interessa. Molti siti web con un sacco di informazioni su di loro utilizzare i collegamenti all'interno delle pagine, nonché tra di loro.

collegamento Sintassi

La sintassi dei link per il collegamento ad un altro punto all'interno di una pagina è solo leggermente diverso da un normale link che possono collegarsi ad un'altra pagina o anche un altro sito. Il seguente codice HTML illustra un elemento di ancoraggio con un collegamento a un punto altrove all'interno della pagina appare in:

<a href="#contact" title="go contattare info"> Contatto Info </a>

Questo collegamento si connette a un altro punto all'interno della pagina HTML di essere visto da un visitatore del sito. Il punto collegato al sarà indicato con il valore dell'attributo "href" come parte del proprio codice di markup. Gli utenti possono visitare la parte "Informazioni di contatto" della pagina facendo clic su questo link, a quel punto il browser passa automaticamente a qualsiasi posizione rende la sezione pagina richiesta visibile.

Ancoraggio con nome Sintassi

Per collegare un collegamento di pagina con la parte della pagina indicata, l'attributo "nome" può essere aggiunto ad un secondo elemento di ancoraggio. Il codice seguente illustra la sezione della pagina con la "Informazioni di contatto" in esso:

<a name="contact"> Informazioni di contatto elemento della pagina: </a>

Quando gli utenti fanno clic sul collegamento "Informazioni di contatto", i loro programmi di browser si sposterà a questa sezione della pagina, con l'ancoraggio con nome presentato in alto. Questo permette agli sviluppatori di inserire le informazioni per la sezione sotto l'ancoraggio con nome, in modo che sarà visibile quando gli utenti fanno clic sul testo del link interno.

Link esterno

Anche se l'ancoraggio interno fornisce i collegamenti nelle pagine Web, gli sviluppatori possono anche utilizzare le ancore con nome da altre pagine, se questo è utile nella logica di un sito. Ad esempio, se una seconda pagina contiene un link per le informazioni di contatto nella prima pagina, il codice seguente punterà direttamente alla sezione nella pagina, piuttosto che semplicemente aprendo la pagina in alto come al solito:

<a href="info.html#contact" title="vista le informazioni di contatto sul nostro informazioni page"> Visualizza le informazioni di contatto </a>

Questa tecnica consente di risparmiare tempo all'utente e rendere l'esperienza di individuazione di informazioni su un sito più semplice.