Come aggiungere tag Anchor? 

Mediante l'inserimento di un tag anchor all'interno di una pagina, è possibile inserire collegamenti nel corpo del contenuto che, una volta cliccati, consentono al lettore di saltare a un'altra posizione nella stessa pagina.

Aggiungi il tag Anchor.

Qui c'è un tag anchor con sia un ID che un attributo NAME.

<!-- Anchor -->
<a id="link-2" name="link-2"></a>

È preferibile aggiungerlo nella visualizzazione del codice sorgente della pagina. Qui lo abbiamo posizionato all'interno del tag di intestazione.

Aggiungi il link Anchor.

Una volta aggiunto l'anchor, possiamo poi aggiungere un link che salta all'anchor aggiunto in precedenza. Il link è aggiunto con un hashtag con lo stesso nome o id dell'anchor.

<!-- Anchor Link -->
<a href="#link-1">Anchor link 1</a>

Link esterno

Quando si collega da un'altra pagina a un anchor sulla stessa pagina, basta aggiungere il cancelletto e il nome/ID dell'anchor alla fine dell'URL della pagina.

http://www.pageurl.com/en/menu#link-1

Example

Di seguito è riportato un esempio tipico di collegamenti anchor nella parte superiore della pagina che rimandano ai titoli più in basso nella pagina.

Di seguito è riportato un esempio che può essere utilizzato come modello.

<ul>
    <li><a href="#link-1">Anchor link 1</a> - <strong>Section A</strong></li>
    <li><a href="#link-2">Anchor link 2</a> - <strong>Heading 1</strong> (<em>Section A</em>)</li>
    <li><a href="#link-3">Anchor link 3</a> - <strong>Heading 2</strong> (<em>Section B</em>)</li>
</ul>
<hr />
<h2><a id="link-1" name="link-1"></a>Section A</h2>
<p>Text goes here</p>
<h3>
    <a id="link-2" name="link-2"></a>Heading 1 A</h3>
<p>Text goes here</p>
<h4>
    Heading 2 A</h4>
<p>Text goes here</p>
<hr />
<h2>Section B</h2>
<p>Text goes here</p>
<h3>
    Heading 1</h3>
<p>Text goes here</p>
<h4>
    <a id="link-3" name="link-3"></a>Heading 2 B</h4>
<p>Text goes here</p>
<hr />