HTML Enlace a un ancla


Ejemplo

Los anclajes se pueden usar para saltar a etiquetas específicas en una página HTML. La etiqueta <a> puede apuntar a cualquier elemento que tenga un atributo id . Para obtener más información sobre las identificaciones, visite la documentación sobre Clases e identificaciones . Los anclajes se usan principalmente para saltar a una subsección de una página y se usan junto con las etiquetas de encabezado.

Supongamos que ha creado una página ( page1.html ) sobre muchos temas:

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

Una vez que tenga varias secciones, es posible que desee crear una Tabla de contenido en la parte superior de la página con enlaces rápidos (o marcadores) a secciones específicas.

Si asignó un atributo de id a sus temas, podría vincularlos

<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>

Ahora puedes usar el ancla en tu tabla de contenido:

<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>

Estos anclajes también se adjuntan a la página web en la que se encuentran ( page1.html ). Por lo tanto, puede enlazar el sitio de una página a otra haciendo referencia a la página y al nombre del ancla.

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