¿Qué son los anclajes HTML?

Desde casi el inicio del Lenguaje de marcado de hipertexto (HTML) tal como se usa en línea, los anclajes HTML se han mantenido como uno de los elementos interactivos centrales utilizados en casi todas las páginas web. Los anclajes HTML son un tipo de etiqueta representada por la letra «A» que permite a un usuario hacer clic en un elemento y ser llevado a una ubicación de recurso universal (URL) como otra página web o a una sección diferente dentro del mismo documento HTML. . Es más común referirse a los anclajes HTML como enlaces o hipervínculos. Al igual que muchas otras etiquetas HTML, los anclajes se pueden personalizar con propiedades de formato HTML estándar y extensiones de hojas de estilo en cascada (CSS).

Dentro de una página web, los anclajes HTML se utilizan para mover a un usuario de una página a otra, oa otras ubicaciones marcadas dentro de la misma página. El ancla está representada por la letra «A» al comienzo de la etiqueta. Al moverse entre páginas web, la dirección de la URL de destino se asigna a la propiedad de referencia de hipertexto (href), aunque también puede ser una imagen, un programa o casi cualquier tipo de contenido. El comportamiento predeterminado de un ancla es abrir la nueva URL en la misma ventana del navegador, reemplazando el contenido actual, aunque este comportamiento se puede cambiar para abrir URL en nuevas ventanas o en marcos específicos en una página.

El segundo uso de los anclajes HTML es definir o moverse a secciones del documento HTML que se está viendo. Al asignar un nombre a la etiqueta de anclaje a través de la propiedad de nombre, se crea un ancla en el documento al que se puede hacer referencia en otro lugar. Al igual que pasar a otra página web, la etiqueta de anclaje se puede usar para moverse a un ancla en la misma página una vez definida, lo que permite crear una tabla de contenido o índices.

Cuando se utilizan anclajes HTML, la etiqueta en sí no tiene representación visual, sino que debe incluir los elementos visuales que se utilizarán para representarla. La etiqueta de anclaje puede envolver texto, imágenes o bloques formateados completos. De forma predeterminada, los elementos HTML visuales que están rodeados por etiquetas de anclaje están subrayados y coloreados de manera diferente, dependiendo de si el enlace fue visitado por el usuario. El texto de anclaje también cambia de color cuando el mouse se desplaza sobre él, aunque nuevamente esto se puede cambiar.

El uso de anclajes HTML para definir ubicaciones dentro de un solo documento se ha depreciado y no debe usarse excepto para mantener el código heredado. En cambio, las ubicaciones de anclaje dentro de un documento deben definirse asignando una identificación (ID) a través de CSS a las etiquetas de nivel de bloque, como los encabezados. Sin embargo, la etiqueta de anclaje aún se puede usar para saltar a estas ubicaciones a través de un enlace.