Los enlaces son aquellos textos o elementos (por ejm imágenes…) que apuntan a otras rutas de nuestros documentos o de documentos externos. Nos van a dar interactividad entre diferentes documentos HTML.
Los enlaces están representados por la etiqueta <a>. Dichos enlaces pueden ser relativos al mismo documento, o apunten a otra página de nuestro sitio o de otro sitio web.
Veamos su sintaxis.
<a href="https://sutilweb.eu">Visita Sutil Web</a>
Los enlaces pueden ser:
- Internos: apuntan al mismo sitio web, incluso a la misma página del sitio web.
- Externos: apuntan a otro sitio web, para lo cual hay que incluir el protocolo HTTP/HTTPS.
Los enlaces son etiquetas que trabajan en linea. Se suele utilizar el atributo rel=»nofollow» que lo que le dice a los rastreadores es que este enlace no forma parte del sitio en el que estamos. También podemos utilizar el atributo target que indica como se abrirá el enlace.
Ejm
<a href="https://google.es" rel="nofollow" target="_blank">Visita Google</a>
Enlaces internos
Un enlace interno es un enlace que apunta al mismo documento o URL, en una distinta ubicación. Se pueden construir enlaces internos utilizando un identificador al texto donde queremos ir, y la almohadilla (#) que nos ayuda a distinguir las diferentes anclas internas que puedan existir. Veamos un ejm.
Ejm
<a href="#identificador">Haz clic aquí para ir al párrafo con el id="identificador</a> <p id="identificador">El enlace de arriba nos llevará a este párrafo</p>
Acceder a otros protocolos
Los enlaces permiten acceder hacia otros protocolos, por ejm, abrir la aplicación que tengamos predeterminada para el correo electrónico para poder mandar un mensaje, también acceder a marcar un tlfo, protocolo que desde un tlfo móvil funciona automáticamente. Veamos un ejm.
Ejm
<a href="mailto:info@sutilweb.eu">info@sutilweb.eu</a>
<a href="tel:34647914089">+34 647 914 089</a>
<a href="https://api.whatsapp.com/send?phone=52622242187&text=Hola">WhatsApp</a>