Skip to main content

¿Qué son los anclajes HTML?

Desde casi el inicio del HyperText Markup Language (HTML) como se usa en línea, los anclajes HTML han seguido siendo 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 al usuario hacer clic en un elemento y ser llevado a una ubicación de recursos 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, las anclas 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 usan para mover a un usuario de una página a otra, o a 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 para 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 que se define, 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 encerrar los elementos visuales que se utilizarán para representarla. La etiqueta de anclaje puede envolver texto, imágenes o bloques formateados completos. De manera 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 un mouse pasa sobre él, aunque nuevamente esto puede cambiarse.

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