Saltar al contenido

¿Cómo puedo crear un enlace a una posición específica en una página web?

No olvides que en la informática un problema casi siempre tiene más de una resoluciones, pero nosotros aquí compartiremos la mejor y más eficiente.

Solución:

El enlace Vanilla Way a algún lugar dentro de la página es a través de un punto de anclaje que ya está presente en la página.

Esto se puede crear usando el etiqueta. Tenga en cuenta que el enlace especificado en “punto de anclaje” (arriba) tiene #h-12.2 al final. esto corresponde a 12.2 incrustado en el HTML que forma la página, y cuando se hace clic en él, la vista de página se reposicionará en este ancla.

Tenga en cuenta que antes de HTML5, el name attribute se usó en la etiqueta de anclaje, pero ya no se admite y el id attribute debe usarse en su lugar (referencia). Esto también significa que puede usar cualquier elemento para una etiqueta de anclaje, no está limitado a la elemento.

Similar a la respuesta de Paul, también puede vincular a la primera aparición de una ID de etiqueta en un documento HTML. Sin embargo, este no será un número exacto de píxeles.

Por ejemplo, enlace/desplácese a la pregunta o respuestas de esta página.

Intente hacer clic con el botón derecho e inspeccionar elementos en la página. Encontrarás el etiquetas, esos son los puntos de anclaje.

Luego saca el < antes del primero y el ultimo a para que no se muestren como enlaces. De hecho, puede ver los efectos mientras escribe en el cuadro de respuesta cuando le muestra la vista previa a continuación.

a href="https://superuser.com/questions/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header">question /a>

y

a href="https://superuser.com/questions/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers">answers /a>

Como puede ver, la única diferencia está al final, donde el ancla nombra después de la libra (#) símbolo. el nombre después de la > es por cómo el enlace se lee para el usuario.

En este caso, "pregunta-encabezado" se lee como "pregunta" y las respuestas son las mismas.

Entonces lo siguiente debería enlazar con el comentario de Mike. Dado que su punto de anclaje es 382094

Para aclarar, simplemente puede encontrar el ancla y agregar el # después de su enlace.

https://superuser.com/questions/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header

https://superuser.com/questions/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers

https://superuser.com/questions/382047/linking-to-a-specific-scroll-position-on-a-web-page#880079

todos estos te llevarán a diferentes lugares en la misma página.

Acuérdate de que tienes concesión de esclarecer si te ayudó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *