Tecnología

Inicio

Código HTML para una etiqueta de hipervínculo al ancla en la misma página

Código HTML para una etiqueta de hipervínculo al ancla en la misma página


En el código de marcado HTML, puede incluir enlaces entre páginas Web. Este es uno de los principios fundamentales de la Web, la conexión de las páginas y sitios entre sí. Sin embargo, también se pueden hacer conexiones de enlace HTML dentro de una sola página de un sitio. Usando una ligera variante de la sintaxis normal de anclaje HTML, puede añadir enlaces a ciertos puntos dentro de una página, lo que facilita la navegación del usuario dentro de la página en su conjunto.

Propósito

El propósito de la creación de enlaces entre diferentes puntos en la misma página es hacer que la experiencia de la lectura de la página sea más fácil y más agradable. La técnica es particularmente útil para las páginas con gran cantidad de contenido de texto. Un uso común consiste en proporcionar un menú en la parte superior de una página, con enlaces a varios puntos más abajo en la página, por lo que los usuarios pueden hacer clic en estos enlaces en lugar de desplazarse por la página hasta encontrar la sección que les interesa. Muchos sitios web con una gran cantidad de información sobre ellos usar enlaces dentro de las páginas, así como entre ellos.

enlace sintaxis

La sintaxis de enlace para conectarse a otro punto dentro de una página es sólo ligeramente diferente a un enlace normal que puede conectarse a otra página o incluso otro sitio. La siguiente línea de código HTML muestra un elemento de anclaje con un enlace a un punto a otro punto de la página que aparece en:

<a href="#contact" title="go ponerse en contacto con info"> información de contacto </a>

Este enlace se conecta a otro punto dentro de la página HTML que se está viendo por un visitante del sitio Web. El punto vinculado a estará indicado por el valor en el atributo "href" como parte de su propio código de marcado. Los usuarios pueden visitar la parte "Información de contacto" de la página haciendo clic en este enlace, momento en el que su navegador saltará automáticamente a cualquier posición hace que la sección de la página solicitada visible.

Anclaje con nombre Sintaxis

Para conectar un vínculo con la parte de la página que se indica, el atributo "nombre" se puede añadir a un segundo elemento de anclaje. El código siguiente muestra la sección de la página con el "Información de contacto" en ella:

<a name="contact"> información de contacto página de elemento: </a>

Cuando los usuarios hacen clic en el enlace "Información de contacto", sus programas de navegación se moverán a esta sección de la página, con el anclaje con nombre presentado en la parte superior. Esto permite a los desarrolladores para insertar la información de la sección bajo el anclaje con nombre, de modo que será visible cuando los usuarios hacen clic en el texto de la conexión interna.

Enlaces externos

A pesar de que el ancla interna proporciona enlaces dentro de las páginas web, los desarrolladores también pueden utilizar los anclajes con nombre de otras páginas, si esto es útil dentro de la lógica de un sitio. Por ejemplo, si una segunda página contiene un enlace a la información de contacto en la primera página, el código siguiente vincularía directamente a esa sección en la página, en lugar de simplemente abrir la página en la parte superior como de costumbre:

<a href="info.html#contact" title="Ver la información de contacto en nuestra información page"> ver la información de contacto </a>

Esta técnica puede ahorrar tiempo al usuario y hacer que la experiencia de localizar información en un sitio más sencillo.


Artículos relacionados