Los enlaces, también llamados vínculos o hipervinculos, representan uno de los elementos más importantes de HTML y se utilizan para conectar las páginas de un sitio web. Además, permiten vincular otros recursos como imágenes, documentos y archivos.
Para crear un enlace en HTML debemos utilizar el elemento <a>. La sintaxis es mu sencilla:
<a href=”valor”>contenido</a>
El atributo href se utiliza para indicar la URL o la dirección a la que tiene que ir el navegador cuando pulsamos sobre un enlace, la cual podría ser una página, un correo electrónico o un archivo.
Atributos del elemento <a>
| Atributo | Valor | Descripción |
| href | URL | La dirección a la que tiene que ir el navegador cuando pulsamos sobre un enlace. |
| download | nombre.ext | Un valor booleano que indica si el recurso enlazado debería ser descargado por el usuario o abrirse en el navegador. |
| target | _blank | Abre el enlace en una nueva pestaña del navegador. |
| _self | Abre el enlace en la pestaña o <iframe> actual. | |
| _parent | Abre el enlace en el documento padre. | |
| _top | Abre el enlace en el documento raíz (padre global). | |
| nombre | Abre el enlace en el <iframe> con el nombre especificado. | |
| rel | alternate | Indica que el enlace tiene una versión alternativa (idioma o formato diferente). |
| author | Indica que el enlace es la web del autor de la página actual. | |
| bookmark | El enlace es un permalink o enlace permanente a la sección de la página actual. | |
| help | Indica que el enlace ofrece ayuda para la página actual. | |
| license | Indica que la página actual está cubierta por la licencia referenciada. | |
| prev | Indica que el enlace es la parte previa del documento actual. | |
| next | Indica que el enlace es la parte siguiente del documento actual. | |
| nofollow | Indica que el enlace no está supervisado por el autor del sitio web. | |
| noreferrer | El navegador no envía la página de procedencia al visitar el enlace. | |
| prefetch | El navegador precarga el enlace (es probable que se haga clic) | |
| search | Indica que el enlace es una página para realizar búsquedas. | |
| tag | Asocia una etiqueta al enlace especificado, en relación al documento actual. | |
| hreflang | Idioma | Código ISO 639-1 del idioma del documento. |
| type | Tipo | Tipo de contenido MIME al que se enlaza. Atributo no obligatorio. |
El siguiente ejemplo muestra un enlace y al pulsar sobre el mismo podremos acceder a la página principal de SimplicityTree:
En este otro ejemplo, hemos añadido el atributo target con el valor “_blank” para que al pulsar sobre el enlace se abra en una nueva pestaña en el navegador.
Inicialmente me formé como Técnico en Anális y Diseño de sistemas. Luego ingresé a la escuela de negocios, hice una licenciatura en Administración y obtuve una especialización (Post-grado) en Alta Dirección Empresarial. Desde el año 2007 me dedico a la creación de sitios web, lo cual combino con la consultoría y la capacitación de tecnologías de Internet.
- TypeScript vs. JavaScript: ¿Cuál es mejor para tus proyectos? - octubre 31, 2024
- Optimización de imágenes: clave para un diseño web eficiente - septiembre 28, 2024
- Objetos en JavaScript - septiembre 21, 2024
