Marcadores dentro de una entrada

Cómo crear vínculos dentro de la misma entrada

22 de junio de 2009 Publicado por El Potro , 163 comentarios ,

Tener enlaces a otra parte del texto puede servir mucho cuando se trata de un artículo extendido y deseas vincular elementos entre sí.

Esto se usa cuando por ejemplo en un post pones un índice con los temas a tratar y usas un enlace que te lleve al tema pero dentro de la misma entrada.

Enlazar estos elementos es muy sencillo, por ejemplo, supongamos que el índice es este:

Tema Uno
Tema Dos
Tema Tres

 Lo que haremos primero es crear el link, quedando así:

<a href="#tema1">Tema Uno</a>
<a href="#tema2">Tema Dos</a>
<a href="#tema3">Tema Tres</a>

Y ya sólo agregas el atributo a name a donde va a apuntar el enlace, por ejemplo:

<a name="tema1">Tema Uno</a>

Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem...

De este modo le estás indicando al enlace que se dirija a otra parte dentro del mismo documento, esto se logra con el símbolo de gato (#) y con el nombre del link (a name) le especificas a qué parte del documento debe ir.

Puedes ver el ejemplo funcionando en este post de prueba, haz click en uno de los temas del índice y verás que te lleva a otra parte dentro de la misma entrada.