martes, 10 de abril de 2018

Crear un enlace a un punto de nuestra web

Hoy vamos a ver como poner enlaces internos o externos que nos lleven a un punto en concreto de la web, esto puede ser muy útil cuando queremos llevar al lector de nuestra web a un punto exacto y no tenga que estar buscando por toda la página, pues cuanto mas fácil se lo pongamos al lector mejor será su experiencia en nuestra web.


Es muy útil cuando tenemos mucho texto y queremos indicar al visitante un punto en concreto de la pagina, con el ancla lo llevaremos directamente.

Para conseguir este efecto es muy simple lo que tenemos que hacer, pondremos el atributo "id" al elemento  donde queramos enlazar, supongamos que queremos llevar al visitante a un contenedor "div" seria esto:


  1. <div>Aquí lo que queramos enseñar>/div>

Tendriamos que añadir al div el atributo id, quedando así:


  1. <div id="aquielid">Aquí lo que queramos enseñar>/div>


y para llamarlo crearemos un enlace que puede ser de varias formas:

poniendo toda la url del sitio y al final ponerle "#aquielid"



  1. ejemplo: http://blog.joason.com/2018/04/crear-un-enlace-un-punto-de-nuestra-web.html#aquielid


  2. ejemplo practico: <a href="http://blog.joason.com/2018/04/crear-un-enlace-un-punto-de-nuestra-web.html#aquielid">aquielmensaje</a>


Si lo vamos ha hacer internamente, otra forma seria solo poner en el enlace "#aquielid"


  1. ejemplo: #aquielid

  2. ejemplo practico:  <a href="#aquielid">aquielmensaje</a>


Recordar que este ultimo enlace solo funcionará si lo estamos haciendo dentro de nuestra web, para hacer anclas hacia otras web´s tendremos que utilizar el enlace completo.






Esto ha sido todo, espero que os sea útil, cualquier duda consultarla.

Un saludo.

No hay comentarios:

Publicar un comentario

Para insertar código html en tu comentario,convertir aquí