Enlaces

¿Qué es un enlace?

Conocidos también por links popularmente. Su objetivo es conectar una página web con otra página web, con un recurso tanto interno como externo, o con otro sitio web.

Tienen el atributo obligatorio href, donde le especificamos la ruta del recurso o sitio que queremos obtener. También tiene el atributo target="", que configura cómo queremos visualizar el recurso o sitio que solicitamos.

Algo importante, es que la web si no fuera por los enlaces no sería lo que es, ya que en su totalidad, se basa en los enlaces que fue como nació.

Estructura de un enlace

Estructura básica
Estructura básica de un enlace

La etiqueta de un enlace se representa con la letra a que significa Anchor en inglés, o Ancla en español.

Todo enlace para que funcione como tal debe ser una etiqueta <a> con su etiqueta de cierre </a> obligatoria. También es obligatorio el atributo href="" ya que ahí es donde le decimos al navegador donde tiene que ir al momento de clickear el enlace, siendo visible al usuario el texto que lleve dentro de la etiqueta como tal, en el caso de la imagen YouTube.

Por defecto un enlace cuando lo clickeamos, se abre en la misma ventana que estamos al momento de hacer click. Eso es porque por defecto tiene un atributo que es opcional llamado target="". Este atributo por defecto está definido en target="_self". Pero si queremos que el enlace se abra en otra ventana diferente a la que estamos, debemos declararlo en target="_blank".

Atributo target=""
Usando el atributo _black en los enlaces

Hay más opciones para declarar en el atributo target="" pero lás más comunes de usar son estas dos: target="_self" que es la opción por defecto y que abre el enlace en la misma ventana en la que estamos, y target="_blank" que abre el enlace en una nueva ventana.

Por norma general, cuando uses rutas absolutas se usa _blank.

Otras opciones del atributo target=""

_parent
Carga la URL en el contexto de navegación padre (parent) del actual. Si no existe el padre, este se comporta del mismo modo que _self.
_top
Carga la URL en le contexto más alto de navegación (el cual es un ancestro del actual, y no tiene padre (parent)). Si no hay padre (parent), este se comporta del mismo modo que _self.

Extraído de la documentación de la MDN sobre el elemento a.

También existe el atributo download que es un booleano y sirve para descargar el recurso solicitado. Es importante que el recurso esté en tu mismo servidor.