Índice

Enlaces al interior de una página

En una página de cierta importancia, generalmente de tipo texto, es interesante poder llevar al usuario a un lugar concreto del documento. Se utiliza la técnica de las anclas (anchor) o puntos de fijación.

images/05RI06.PNG

Este enlace al interior de la página se realiza en dos tiempos:

  • La declaración del ancla.

  • El enlace hacia el ancla.

Declaración del ancla

Las anclas van a definir un lugar en la página, lo que permitirá después hacer un enlace hacia ella.

La sintaxis de creación de un ancla es:

<a id="nombre del ancla"></a>

Con la desaparición del atributo name en HTML5, la declaración de anclaje se realiza mediante un identificador id. Este ya era el caso en XHTML 1.0.

Observe que el ancla no se visualiza en el navegador.

Enlace hacia un ancla situada en la misma página

Tras haber definido el ancla, basta con efectuar un enlace hacia ella.

Para crear el enlace, basta con escribir en el atributo href el nombre del ancla directamente precedido del signo de almohadilla (#).

<a href="#nombre del ancla">Texto del enlace</a>

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<p><a href="#capitulo2">Ir al capítulo 2</a><\p> 
<h3>Capítulo 1</h3> 
<p>Lorem ipsum dolor ...