Nel codice di markup HTML, è possibile includere collegamenti tra pagine Web. Questo è uno dei principi fondamentali del Web, connessione di pagine e siti a un'altra. Tuttavia, si possono anche fare collegamenti link HTML all'interno di una singola pagina in un sito. Utilizzando una leggera variazione sulla normale sintassi di ancoraggio HTML, è possibile aggiungere collegamenti a determinati punti all'interno di una pagina, facilitando la navigazione degli utenti all'interno della pagina nel suo complesso.

Scopo

Lo scopo di fornire collegamenti tra punti diversi nella stessa pagina è per rendere l'esperienza di lettura della pagina più facile e divertente. La tecnica è particolarmente utile per le pagine con un sacco di contenuti di testo. Un uso comune coinvolge fornendo un menu nella parte superiore di una pagina, con collegamenti ai vari punti più ulteriormente giù la pagina, in modo che gli utenti possono cliccare su questi link, piuttosto che scorrere la pagina fino a trovare la sezione in che cui sono interessati. Molti siti Web con un sacco di informazioni su di loro utilizzano collegamenti all'interno di pagine pure tra loro.

Sintassi dei link

La sintassi di collegamento per la connessione a un altro punto all'interno di una pagina è solo leggermente diversa da un normale link che può connettersi a un'altra pagina o anche un altro sito. Il codice HTML riportato di seguito viene illustrato un elemento di ancoraggio con un link a un punto altrove all'interno della pagina in che appare:

< a href = "#contact" title = "Vai a contatto info" > Info contatto < /a >

Questo link si collega ad un altro punto all'interno della pagina HTML che viene visualizzato da un visitatore del sito. Verrà indicato il punto collegato al utilizzando il valore nell'attributo "href" come parte del proprio codice di markup. Gli utenti possono visitare la parte "Contact Info" della pagina facendo clic su questo link, a quel punto loro browser salterà automaticamente a qualsiasi posizione che rende visibile la sezione della pagina richiesta.

Sintassi di ancoraggio con nome

Per collegare una pagina di collegamento con la parte della pagina indicata, l'attributo "name" può essere aggiunto un secondo elemento di ancoraggio. Il codice riportato di seguito viene illustrata la sezione della pagina con il "Contact Info" in esso:

< a name = "contatto" > elemento di pagina Info contatto: < /a >

Quando gli utenti fanno clic sul link "Info di contatto", i loro programmi di browser si sposterà a questa sezione della pagina, con l'ancoraggio con nome presentato nella parte superiore. Questo consente agli sviluppatori di inserire le informazioni per la sezione sotto l'ancoraggio con nome, così che sarà visibile quando gli utenti fanno clic il testo di collegamento interno.

Collegamenti esterni

Anche se l'ancoraggio interno fornisce collegamenti all'interno di pagine Web, gli sviluppatori possono anche utilizzare le ancore con nome da altre pagine, se ciò è utile all'interno della logica di un sito. Ad esempio, se una seconda pagina conteneva un link per le informazioni di contatto nella prima pagina, il codice seguente sarebbe collegare direttamente a quella sezione della pagina, piuttosto che semplicemente aprendo la pagina nella parte superiore come normale:

< un href="info.html#contact" title = "Mostra le informazioni di contatto sulla nostra pagina di informazioni" > Mostra le informazioni di contatto < /a >

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