Hiperenlace

Un enlace integrado muestra contenido remoto sin necesidad de incrustarlo. Se puede acceder al contenido remoto tanto si el usuario sigue el enlace como si no.

Un enlace en línea puede mostrar una versión modificada del contenido; por ejemplo, en lugar de una imagen, se puede mostrar una miniatura , una vista previa de baja resolución , una sección recortada o una sección ampliada . El contenido completo suele estar disponible bajo demanda, como ocurre con el software de publicación impresa ( por ejemplo, con un enlace externo ). Esto permite reducir el tamaño de los archivos y agilizar la respuesta a los cambios cuando no se necesita el contenido completo del enlace, como al reorganizar el diseño de una página . 

Un enlace de anclaje (o enlace de anclaje) es un enlace vinculado a una parte de un documento, ^{[ 3 ]} que a menudo se denomina fragmento . El fragmento suele ser una porción de texto o un encabezado, aunque no necesariamente. Por ejemplo, también puede ser un área interactiva en una imagen ( mapa de imagen en HTML ), una parte designada, a menudo irregular, de una imagen.

Los fragmentos se marcan con anclas (de diversas maneras), por lo que un enlace a un fragmento se denomina enlace de ancla (es decir, un enlace a un ancla). Por ejemplo, en XML , el elemento <anchor id="name" />"proporciona capacidad de anclaje (siempre que la DTD o el esquema lo definan), y en el marcado wiki , {{anchor|name}}es un ejemplo típico de su implementación . En las aplicaciones de procesamiento de texto , las anclas se pueden insertar donde se desee y pueden denominarse marcadores . En las URL , el carácter de almohadilla (#) precede al nombre del ancla del fragmento.

Una forma de definir un área de interés en una imagen es mediante una lista de coordenadas que indiquen sus límites. Por ejemplo, un mapa político de África puede tener cada país con un enlace a información adicional. Una interfaz de área de interés invisible permite intercambiar temas o etiquetas dentro de las áreas vinculadas sin necesidad de insertar enlaces repetidamente en los distintos elementos del tema.

Hipervínculo de texto. El hipervínculo está incrustado en una palabra o frase y hace que ese texto sea clicable.

Hipervínculo en la imagen. El hipervínculo está incrustado en la imagen y hace que esta sea clicable.

Un enlace a un marcador es un enlace insertado en un texto o una imagen que lleva a los visitantes a otra parte de una página web.

Hipervínculo de correo electrónico. El hipervínculo está incrustado en la dirección de correo electrónico y permite a los visitantes enviar un mensaje de correo electrónico a esta dirección. ^{[ 4 ]}

Un enlace gordo (también conocido como enlace "uno a muchos", enlace "extendido" ^{[ 5 ]} o enlace "de múltiples colas") ^{[ 6 ]} es un hipervínculo que conduce a múltiples puntos finales; el enlace es una función con valores de conjunto .

Un enlace gordo es básicamente una referencia a otro recurso que incluye más información, semántica y contexto. Los enlaces gordos están definidos por estándares como W3C XLink y se utilizan para destinos múltiples, para navegación en ambas direcciones y con atributos para características adicionales ^{[ 7 ]} .

Los enlaces gruesos se utilizan habitualmente en la publicación académica (contexto completo, citación completa), en archivos digitales (relaciones complejas en documentos) y en aplicaciones web avanzadas (relaciones dinámicas y legibles por máquina). ^{[ 8 ]} Ayudan a que los programas de la web semántica incluyan datos y características legibles por máquina, como la transclusión o los enlaces tipados dentro de un contexto HTML/XML. ^{[ 9 ]}

Otros beneficios de los enlaces gruesos incluyen una experiencia de usuario mejorada mediante la navegación contextual, mayor accesibilidad y facilidad de búsqueda, y una mayor interoperabilidad. Los enlaces gruesos permiten definir mejor las relaciones entre recursos, limitan la sobrecarga de información y facilitan búsquedas o anotaciones más sofisticadas en la investigación y la gestión del conocimiento. ^{[ 10 ]}

Las desventajas son que es difícil de implementar (hay demandas crecientes y urgentes de un marco sólido de soporte de estándares, como XLink, ^{[ 11 ]} cuya adopción es limitada en HTML moderno) y agrega sobrecarga de procesamiento; esto puede presentar problemas de seguridad por la incrustación de metadatos, ^{[ 12 ]} y no tiene paridad de navegador o plataforma, lo que lleva a cambios en las especificaciones web, lo que dificulta el mantenimiento. ^{[ 13 ]}

Aunque pueden utilizarse de muchas maneras potentes que respaldan muchas iniciativas modernas de la web semántica, los enlaces gruesos no son muy comunes en el día a día, y sus requisitos técnicos y su adopción plantean algunos desafíos. ^{[ 14 ]}

Tim Berners-Lee vislumbró la posibilidad de utilizar hipervínculos para conectar cualquier información con cualquier otra información a través de Internet . Por lo tanto, los hipervínculos fueron fundamentales para la creación de la World Wide Web . Las páginas web se escriben en el lenguaje de marcado de hipertexto HTML .

Así podría verse un hipervínculo a la página principal de la organización W3C en código HTML:

<a href="https://www.w3.org/"> Sitio web de la organización W3C </a>​​

Este código HTML consta de varias etiquetas :

• El hipervínculo comienza con una etiqueta de apertura de ancla <ae incluye una referencia href="https://www.w3.org/"a la URL de la página. (La URL está entre comillas).
• La URL va seguida de >, que marca el final de la etiqueta de apertura del enlace.
• Las palabras que siguen identifican el enlace; esta es la única parte del código que normalmente es visible en la pantalla cuando se carga la página, pero cuando el cursor se sitúa sobre el enlace, muchos navegadores muestran la URL de destino en algún lugar de la pantalla, como por ejemplo en la esquina inferior izquierda.
• Normalmente, estas palabras aparecen subrayadas y coloreadas (por ejemplo, azul para un enlace que aún no se ha visitado y morado para un enlace que ya se ha visitado).
• La etiqueta de cierre de anclaje ( </a>) finaliza el código del hipervínculo.
• La <a>etiqueta también puede constar de varios atributos, como el "rel"atributo que especifica la relación entre el documento actual y el documento vinculado.

Un grafo web es un grafo formado por páginas web como vértices e hipervínculos como aristas dirigidas.

La recomendación del W3C denominada XLink describe hipervínculos que ofrecen una funcionalidad mucho mayor que la de los enlaces HTML. Estos enlaces extendidos pueden ser multidireccionales y eliminar la necesidad de enlazar desde, dentro y entre documentos XML. También puede describir enlaces simples , que son unidireccionales y, por lo tanto, no ofrecen más funcionalidad que los hipervínculos HTML.

Los enlaces permanentes son URL que se pretenden mantener sin cambios durante muchos años, lo que da como resultado hipervínculos menos propensos a la degradación . Los enlaces permanentes suelen ser sencillos, es decir, URL amigables, para que sean fáciles de escribir y recordar. Se utilizan para dirigir y redirigir a los lectores a la misma página web , entrada de blog o cualquier otro medio digital en línea. ^{[ 15 ]}

La literatura científica es un ámbito donde la persistencia de los enlaces es crucial para el conocimiento público. Un estudio de 2013 publicado en BMC Bioinformatics analizó 15 000 enlaces en resúmenes del índice de citas Web of Science de Thomson Reuters , y descubrió que la vida útil media de las páginas web era de 9,3 años y que solo el 62 % estaban archivadas. ^{[ 16 ]} La vida útil media de una página web constituye una variable de alto grado, pero su orden de magnitud suele ser de unos pocos meses. ^{[ 17 ]}

Un navegador web suele mostrar un hipervínculo de forma distintiva, por ejemplo, con un color , fuente o estilo diferente , o con ciertos símbolos que indican el tipo de documento o destino del enlace. Esto también se conoce como decoración de enlaces . El comportamiento y el estilo de los enlaces se pueden especificar mediante el lenguaje de hojas de estilo en cascada (CSS).

En una interfaz gráfica de usuario, el cursor del ratón puede cambiar a un icono de una mano para indicar un enlace. En la mayoría de los navegadores web gráficos, los enlaces se muestran en texto azul subrayado cuando no se han visitado, y en texto morado subrayado cuando sí se han visitado. Cuando el usuario activa el enlace (por ejemplo, haciendo clic sobre él ) , el navegador muestra el destino del enlace. Si el destino no es un archivo HTML, dependiendo del tipo de archivo , del navegador y de sus complementos , puede que se active otro programa para abrirlo.

El código HTML contiene algunas o todas las cinco características principales de un enlace:

• destino del enlace ("href" que apunta a una URL)
• etiqueta de enlace
• título del enlace
• enlace objetivo
• clase de enlace o ID de enlace

Utiliza el elemento HTML "a" con el atributo "href" (HREF es una abreviatura de "Hypertext REFerence" ^{[ 21 ]} ) y opcionalmente también los atributos "title", "target" y " class " o "id":

<a href="URL" title="link title" target="link target" class="link class">link label</a>

Para insertar un enlace en una página web, entrada de blog o comentario, puede adoptar esta forma:

<a href="https://example.com/">Example</a>

En un navegador web típico, esto se mostraría como la palabra "Ejemplo" subrayada en azul, que al hacer clic llevaría al usuario al sitio web example.com. Esto contribuye a un texto o documento claro y fácil de leer.

Por defecto, los navegadores suelen mostrar los hipervínculos de esta manera:

• Un enlace no visitado suele aparecer en azul y subrayado.
• Un enlace visitado suele ser de color morado y estar subrayado.
• Un enlace activo suele ser rojo y estar subrayado.

Cuando el cursor se sitúa sobre un enlace, dependiendo del navegador y la interfaz gráfica de usuario, puede mostrarse un texto informativo sobre el enlace, que aparece en un recuadro emergente especial, no en una ventana normal , sino que desaparece al alejar el cursor (a veces desaparece de todos modos después de unos segundos y vuelve a aparecer al alejar y volver a acercar el cursor). Mozilla Firefox , Internet Explorer , Opera y muchos otros navegadores web muestran la URL. Además, la URL suele mostrarse en la barra de estado .

Normalmente, un enlace se abre en el marco o ventana actual, pero los sitios que utilizan marcos y varias ventanas para la navegación pueden añadir un atributo especial llamado "target" para especificar dónde se carga el enlace. Si no existe ninguna ventana con ese nombre, se crea una nueva ventana con el ID, que se puede usar para referirse a ella más adelante durante la sesión de navegación.

La creación de nuevas ventanas es probablemente el uso más común del atributo "target". Para evitar la reutilización accidental de una ventana, suelen estar disponibles los nombres especiales "_blank" y "_new", que siempre crean una nueva ventana. Es especialmente común ver este tipo de enlace cuando un sitio web grande enlaza a una página externa. En ese caso, la intención es asegurar que el usuario sepa que el sitio enlazado no respalda el sitio al que se enlaza. Sin embargo, a veces se abusa de este atributo y puede provocar la creación de muchas ventanas incluso al navegar por un solo sitio.

Otro nombre de página especial es "_top", que hace que se eliminen todos los marcos de la ventana actual para que la navegación pueda continuar en la ventana completa.