HTML Collegamento a un'ancora

Esempio

Le ancore possono essere utilizzate per passare a tag specifici su una pagina HTML. Il tag <a> può puntare a qualsiasi elemento che abbia un attributo id . Per ulteriori informazioni sugli ID, consulta la documentazione su Classi e ID . Le ancore sono principalmente utilizzate per passare a una sottosezione di una pagina e vengono utilizzate insieme ai tag di intestazione.

Supponi di aver creato una pagina ( page1.html ) su molti argomenti:

<h2>First topic</h2>
<p>Content about the first topic</p>
<h2>Second topic</h2>
<p>Content about the second topic</p>

Una volta che hai diverse sezioni, potresti voler creare un sommario nella parte superiore della pagina con collegamenti rapidi (o segnalibri) a sezioni specifiche.

Se hai dato un attributo id ai tuoi argomenti, potresti quindi collegarti a loro

<h2 id="Topic1">First topic</h2>
<p>Content about the first topic</p>
<h2 id="Topic2">Second topic</h2>
<p>Content about the second topic</p>

Ora puoi usare l'ancora nel tuo sommario:

<h1>Table of Contents</h1>
    <a href='#Topic1'>Click to jump to the First Topic</a>
    <a href='#Topic2'>Click to jump to the Second Topic</a>

Questi ancoraggi sono anche collegati alla pagina Web in cui si trovano ( page1.html ). Quindi puoi collegare il sito da una pagina all'altra facendo riferimento alla pagina e al nome dell'ancora.

 Remember, you can always <a href="page1.html#Topic1">look back in the First Topic</a> for supporting information.