Entrar

Duda con los enlaces en HTML5

Manu CidLanzarote · · Solicitar retirada
Hola foreros.

A ver si alguien pudiera ayudarme y ponerme un ejemplo de como enlazar una página html a otra pero NO a la cabecera, sino a, por ejemplo, a un artículo en concreto que encontramos al final de la página a la que hemos enlazado.

No sé si me he explicado.. :confused:

Un saludo¡¡
skaparate · · Solicitar retirada
Hola!

Todo depende de cómo esté estructurada la página. Si el sitio usa las "anclas" como debe, entonces no debes tener problema.

Si el sitio es tuyo, o sea, lo puedes modificar, basta con añadir el atributo id al título o sección (o cualquier elemento) que deseas:

anclas.html
<body>
<!-- asumamos que aquí aparecerá un texto MUY extenso, que ocupa al menos 3 páginas -->
<section id="anclaje">
    <h3>Anclaje web</h3>
    <p>Las anclas (elemento HTML a) y los ID's se utilizan para crear <b>marcadores</b> en las páginas, que después pueden ser utilizados en una URL</p>
</section>

Luego, asumiendo que tienes una página llamada anclas.html, podrías usar una URL como esta: http://misitioweb.algo/anclas.html#anclaje. Esto haría que la página "salte" a la sección con id anclaje.

Espero que te sirva,

Saludos.
skaparate · · Solicitar retirada
Tengo otro ejemplo más práctico. Para el ejemplo usaré Google Chrome.

Haz lo siguiente:

1. Entra a la siguiente URL del foro http://www.comocreartuweb.com/consultas/showthread.php/37259-PRESEN…. Obviamente, aparecerás en la parte superior del sitio web (la cabecera, como has escrito).
2. Baja hasta el último mensaje de la página (del usuario *Blazer*).
3. Inspecciona el mensaje de *Blazer*. Para esto, haz clic con el botón derecho del mouse sobre la fecha del post (está en la parte superior izquierda del mensaje) y luego haz clic sobre Inspeccionar. Esto abrirá las herramientas para desarrolladores.
Al revisar el código, fíjate que hay varios elementos li con el atributo class="postbitlegacy postbitim postcontainer old" y el atributo id="post_200192". Copia este ID.
4. Si añades un caracter # seguido del ID que acabas de copiar, al final de la URL del primer paso y recargas la página, verás que ahora la página se va directamente al mensaje de *Blazer* en lugar de la cabecera.

La URL modificada sería esta: http://www.comocreartuweb.com/consultas/showthread.php/37259-PRESEN…

Saludos :)