Tecnología

Inicio

Cómo vincular a una etiqueta de ancla en otra página Web

November 27

Codificación de un ancla HTML con nombre o ID en una página Web crea un tipo de marcador a un punto definido en esa página. A continuación, puede añadir este ID para un hipervínculo estándar para dirigir automáticamente a los usuarios a ese punto específico. Esto es especialmente útil para las páginas de largo que de otro modo requerirían de desplazamiento para localizar las secciones importantes.

Instrucciones

1 Agregue el código siguiente en el punto exacto en la página donde los usuarios deben dirigirse cuando hacen clic en el enlace:

<P id = "nombre"> </ p>

Cambiar "nombre" a un nombre único y descriptivo y mantener las comillas. Puede añadir el atributo de identificación a cualquier otra etiqueta, como el encabezado de la sección:

<H2 id = "sección 1"> Sección Primera </ h2>

2 Agregue el siguiente código donde quieres que aparezca el vínculo:

<a href="URL#name"> Vinculación de texto </a>

Puede utilizar este formato, ya sea en la misma página que el ID establecido o en una página completamente diferente. La única diferencia es que la parte URL debe ser incluida cuando se enlaza a una página diferente a la actual.

3 Cambio "nombre de URL #" a la URL completa, seguido por el signo de número, seguido del nombre de identificación. Cambiar "Enlace de texto" para cualquier texto que usted requiere para el enlace. A modo de ejemplo, es posible cambiar el código para:

<a href="Go" rel="nofollow"> http://www.somedomain.com/index.html#section1&quot;>Go a la Sección Uno </a>

Si la página reside en el mismo sitio, puede excluir la parte del dominio del enlace y agregar sólo el nombre de archivo de la página o la página relativa. Como en el ejemplo, si se vincula a la página index.html en el mismo directorio, se puede utilizar el siguiente código:

<a href="index.html#section1"> Ir a la Sección Uno </a>

Consejos y advertencias

  • En HTML 5, el atributo ID sustituye el atributo de nombre más antiguo que se utiliza con etiquetas de anclaje, tales como:
  • <a name="NAME"> etiqueta delimitadora </a>
  • Este método todavía funciona, pero HTML 5 prefiere el atributo ID, que no debe ser codificado en una etiqueta <a>.
  • Si necesita hacer referencia a un ID en la misma página, omita la dirección URL para evitar volver a cargar la página entera. A modo de ejemplo, se puede utilizar el siguiente código para acceder a la Sección Uno en la misma página:
  • <a href="#section1"> Ir a la Sección Uno </a>