¿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.

TAMBIÉN TE INTERESA

OPPO-Air-Glass-3

Esto va de gafas e IA: salen a la luz las OPPO Air Glass 3

No hay duda de que el tema central del Mobile World de este año es la inteligencia artificial. Pero en el evento barcelonés suele destacar por la presentación de nuevos dispositivos por parte de las marcas. Ya vimos lo sorprendentes que pueden llegar a ser las Apple Vision Pro… Ahora OPPO anuncia nuevas gafas en

tarjetas gráficas ASUS y monitores ASUS

Con estas tarjetas gráficas ASUS y este monitor simplemente irás volando…

ASUS se ha convertido, por méritos propios, en una de las marcas más fiables en el mundo del gaming, lo cual también es compatible con equipos ideales para todo. Dos de sus componentes más destacados acaban de recibir actualización de modelos: hablamos de dos nuevas tarjetas gráficas ASUS y un monitor que, con poco que

ZTE-nubia-Neo-5G

ZTE nubia Neo 5G: el móvil gaming más futurista y accesbible

ZTE presenta el nuevo ZTE nubia Neo 5G en España, bajo el lema «Mejor Gaming para Todos». Este dispositivo, dirigido al sector gamer, destaca por su combinación de potencia y rendimiento a un precio asequible, ofreciendo un procesador UNISOC T820 de hasta 2,7 GHz, una pantalla de 120Hz, conectividad 5G y hasta 18GB de RAM,

Sora

Sora, lo último de OpenAI para generar vídeos por inteligencia artificial

La IA Generativa vuelve a dar un paso más impulsada por la empresa que ha protagonizado el gran boom de esta tecnología. OpenAI acaba de dar a conocer Sora, que se presenta como la nueva solución de esta entidad para generar vídeos siguiendo las instrucciones de los usuarios. A priori, uno puede pensar que los