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...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Enlaces a otra página
Siguiente
Enlaces a otro sitio