Desarrollo y Diseño

Dividir el contenido correctamente: Saltos de página con enlaces internos

dividir-contenido-saltos-de-pagina

Cuando escribes contenido para internet, es recomendable tener dividido tu contenido correctamente para facilitar la lectura y navegación del mismo. Cobra mas importancia si piensas escribir mucho contenido.

Cuando se trata de escribir algo corto nunca hará falta dividir el contenido, pero si escribes algo interesante y largo es necesario realizar saltos de páginas con enlaces internos para navegar dentro de la misma página de un lugar específico a otro.

Un claro ejemplo: saltar al final.

¿Por qué necesito saltos de página?

Te va sonar repetitivo, pero quiero que quede claro, cuando tengas un artículo muy largo necesitas poner una lista de elemento en la parte superior que permita a tus lectores ir directamente a la parte que más le interesa, en lugar de desplazarse por todas las partes del artículo.

Crear un salto de página

Vamos a guiarnos de nuestro ejemplo: El vínculo inicial (“saltar al final”), es el que te llevará al vínculo destino (saltar al inicio), debe ser escrito así:

<a href="#final">saltar al final</a>

Notará el símbolo “#”, este símbolo sirve como enlace a un identificador único que lo llevará a algún lugar dentro de la misma página o en una página externa. Nuestro identificador único es la palabra “final”.

Así que el enlace anterior “#final” nos llevará a algún parte del contenido, que está escrito así:

<a name="final"></a>

Por tanto, el enlace (href=”#final”) debe coincidir y llevarle al identificador único (name=”final”). Además el identificado único debe está ubicado correctamente, no es un enlace, es solo un nombre por lo que no será visible para el lector.

Siguiendo lo explicado anteriormente podemos crear otro salto de página del final al inicio.

<a href="#inicio">saltar al inicio</a>

<a name="inicio"></a>

Esto método también funciona si usted desea ir a un lugar específico en una página diferente sólo asegúrese de agregar el elemento identificador único y enlace en la parte correcta.

<a href="menteprincipiante.com/entrada/#lugar-especifico">Clic aquí</a>

Ok, visto el ejemplo: saltar al inicio.