¿Qué son los enlaces de marcadores de posición HTML5?

¿Qué son los enlaces de marcadores de posición HTML5?

¿Qué son los enlaces de marcadores de posición HTML5?

VALORACIÓN DEL ARTÍCULO:
5/5


Hasta que se publicó HTML5, la etiqueta ha requerido un atributo: href. Pero, HTML5 hace que incluso ese atributo sea opcional. Cuando escribes una etiqueta sin ningún atributo se llama enlace de marcador de posición.

Un enlace de marcador de posición se ve así:

Uso de vínculos de marcadores de posición durante el desarrollo

Casi todos los diseñadores web han creado enlaces de marcadores de posición en un momento u otro mientras diseñan y construyen un sitio web. Antes de HTML5, un programador escribiría lo siguiente como un marcador de posición:

link text

El problema con el uso de un hashtag (#) como enlace de marcador de posición es que el enlace es clicable, y esto puede causar confusión para sus clientes. Y, si un desarrollador olvida actualizarlos con las URL correctas, esos enlaces simplemente mostrarán la misma página en la que se encuentra el usuario si hace clic.

En su lugar, debería empezar a usar etiquetas sin ningún atributo. Puedes cambiar el estilo de éstos para que se vean como cualquier otro enlace en tu página, pero no se podrán hacer clic porque son sólo marcadores de posición.

Uso de vínculos de marcadores de posición en sitios en vivo

Los enlaces de marcadores de posición tienen un lugar en el diseño web para algo más que el desarrollo. Un lugar donde un vínculo de marcador de posición puede brillar es en los elementos de navegación. En muchos casos, las listas de navegación del sitio web tienen alguna forma de indicar en qué página se encuentra. A menudo se les llama indicadores de «usted está aquí».

La mayoría de los sitios dependen de atributos id en el elemento que necesita el marcador «you are here», pero algunos también utilizan el atributo class. Sin embargo, sea cual sea el atributo que utilice, tendrá que hacer un montón de trabajo extra a cada página que tenga la navegación en ella, añadiendo y eliminando el atributo de los elementos correctos.

Con un enlace de marcador de posición, puede escribir su navegación como quiera, y luego simplemente eliminar el atributo href del enlace apropiado cuando agregue la navegación a una página. Para el desarrollo, un consejo rápido para ayudar es almacenar toda la lista de navegación como un fragmento de código en su editor, por lo que es sólo un rápido copiar y pegar. A continuación, puede simplemente borrar el href. También puede conseguir que su sistema de gestión de contenidos (CMS) haga lo mismo.

Cómo Estilizar los Enlaces de Marcadores de Posición

Los enlaces de marcadores de posición son fáciles de estilizar y estilizar de forma diferente a los demás enlaces de su página web. Simplemente asegúrate de darle estilo tanto a la etiqueta a como a la etiqueta a:link. Por ejemplo:

a { color: rojo; peso de la fuente: negrita; decoración del texto: ninguna;}a:link { color: azul; peso de la fuente: normal; decoración del texto: subrayado;}

>.

Este CSS hará que los enlaces de los marcadores de posición sean en negrita y rojos, sin subrayar. Los enlaces regulares serán de peso normal, aunque de color azul y subrayado.

Recuerde que debe restablecer los estilos que no desee que se transfieran desde la etiqueta a. Por ejemplo, el peso de la fuente se establece en negrita para los enlaces de los marcadores de posición, por lo que tendrá que establecerlo en negrita:

peso del font-weight: normal;

para enlaces estándar. Lo mismo ocurre con la decoración del texto. Al quitarlo con el selector a:link, se habría quitado para el selector a:link si no lo hubiera vuelto a poner en su sitio.

Deja un comentario

TAMBIÉN TE INTERESA

desaparece-el-notch-del-iphone-14-pro

El precio del iPhone 14, motivo clave en la caída de su demanda

Estamos en un momento de inflación disparada y la situación económica de alza de precios está mermando la capacidad de consumo de las familias. Se nota en todo, en el ocio, la cesta de la compra y también la adquisición de tecnología. Además nos encontramos a escasos meses de picos de consumo como el Black

veentajas-del-marketplace

Ventajas de los marketplaces en plena escalada de precios

Si vendes productos por la web, deberías apostar por los marketplaces, aún en un momento de inflación alta, en plena escalada de precios. La economía se encuentra en un momento difícil: agosto cerró con una tasa de inflación superior a los dos dígitos (10,4%) por tercer mes consecutivo. La incertidumbre ante el invierno impulsa a

OPPO-Reno8-5G

Ya a la venta los nuevos teléfonos OPPO Reno8

OPPO Reno8 es una realidad ya en Europa. La marca hizo una presentación en París para dar a conocer los nuevos productos que llegan directamente al mercado para sumar una feroz competencia. Y es que en pocos años en el mercado del viejo continente, OPPO se ha hecho un hueco importante en el consumidor.  

batería-portátil-DELTA-2

Esta batería portátil es top y acaba de salir a la venta

Tener una batería portátil puede darnos mucha versatilidad para nuestras actividades tanto dentro como fuera de casa. Usamos muchos dispositivos a diario y todos ellos requiere de energía eléctrica para trabajar, por lo que una herramienta que nos aporte dicha energía puede venirnos muy bien en caso de apagones o proyectos en el exterior. EcoFlow,

GoPro-HERO11

GoPro HERO11 Black: las nuevas cámaras para los creadores de contenido

La conocida marca de videocámaras GoPro ha lanzando tres nuevas especialmente concebidas para creadores. GoPro HERO11 llega en tres modelos para satisfacer las necesidades de todo tipo de perfiles y creadores de contenidos.   Índice de contenidos1 El sensor de mayor resolución hasta la fecha2 Las tres cámaras GoPro HERO112.1 Principales tecnologías en las tres

camara-motorola-edge-30-ultra

¿200 megapíxeles? Sí, es lo que tiene el nuevo motorola edge 30 ultra

El furor por los megapíxeles parece estar de vuelta en la fotografía de los smartphones, si bien hay expertos que mantienen que más MP no quiere decir que resulte en mejores fotografías. El nuevo motorola edge Ultra llega al mercado con una barbaridad inédita en el mundo de la telefonía. Cabe destacar también que otras