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

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.

Publicado por:

Lo último en el sitio

 

Nombre

Atención: Antes de aportar al artículo con sus comentarios, le pedimos encarecidamente que evite generar spam, discusiones agraviantes o mensajes de contenido violento y racista. Todo usuario que no acate a este llamado, será suspendido en la brevedad.

 
 
 

Sitios recomendados

 
  Articulos populares
 
+ Angry Birds RIO para PC Windows | PC Game completo (156)
+ Windows 7 Loader / Activador de Windows 7 (Actualizado Octubre 2011) (81)
+ Invitaciones a Google +, te enviamos una (74)
+ Angry Birds Seasons 2011 - 2012 (Descarga gratuita) (68)
+ Windows 7 Loader, Activador de Windows 7 (Actualizado Febrero 2011) (63)
+ Activar Facebook Timeline | Biografía Facebook (54)
+ Angry Birds v1.6.3 para PC (28)
+ Angry Birds v2.0.0 para PC (Enero 2012) (28)
+ Como Instalar Debian 6 "Squeeze", paso a paso [Guía Fácil] (25)
+ Instalar y configurar phpMyAdmin 3 en Windows 7 / paso a paso (24)
 
 
  Tags del sitio
 
Angry Birds Aplicaciones Aplicaciones Linux Apple Como Hacerlo Consejos Desarrollo Web Descargas Diarios Diseño El País Entretenimiento España Facebook Firefox Fotos Gadgets Google Google Chrome Google Plus Infografia Internet iPhone Juegos Linux Navegadores Negocios Negocios y Marketing Noticias de Tecnologia Paso a Paso Periódicos Redes Sociales Revistas Seguridad Social Media Social Media Marketing Tecnología Telefono Celular Tips Twitter Ubuntu 11 Video Windows Windows 7 WordPress
 
 
  Comentarios recientes
 

Maryza:  cabal
amnada:  no sirve
Juan José:  ey amigo.!!! tengo
Eduardo:  ADVERTENCIA Estas
chuck:  amigo lo que quier
shantal:  no me guta + +
Coder Architect:  viejo, este juego
dameseano prieto:  solo quiero la cla
Horacio:  Debes hacer una pa
Carlos:  Ustedes se quejan?