¿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

Instagram-Creator-Marketplace

España, a la espera del Instagram Creator Marketplace

Instagram es una de las redes sociales de mayor impacto en la población española. Desde su irrupción, la figura del influencer ha crecido enormemente en el mundo del marketing y las marcas. La herramienta Instagram Creator Marketplace puede seguir fortaleciendo a estos prescriptores, visto el potencial que empieza a tener este servicio en Estados Unidos.

avatares-Roblox

Vámonos de shopping en Roblox: Mango inaugura su primera tienda

En dinámico mundo de los juegos online, Roblox (con más de 70 millones de usuarios activos diarios) se ha destacado como una plataforma que ofrece a los participantes una experiencia única y diversa. Una de las características más populares de Roblox es su sistema de personalización de avatares, que permite a los jugadores expresar su

Snapdragon-8-Gen-3

Snapdragon 8 Gen 3, el chip de Qualcomm que empujará la IA en los móviles

La IA ha llegado al universo de los smartphones. Los últimos lanzamientos ya se anuncian con la inteligencia como protagonista. De igual manera, las grandes actualizaciones de software vienen marcada por la presencia de nuevas funciones movidas bajo los parámetros de la inteligencia artificial generativa. Al margen de los desarrollos a nivel de software, es

Ecowatch-1-de-Maxcom

Con el Ecowatch 1 no tendrás excusas para pasarte a un reloj inteligente

Sabemos que es muy difícil convencer a un perfil de personas que reniegan de un smartwatch a comprarse un reloj inteligente y quitarse el de toda la vida. No obstante, vamos a intentarlo con el Ecowatch 1 de Maxcom.  Es tarea complicada porque el gusto por los relojes suele estar muy definido en ciertas personas.

simulador-de-bodas

¿Te casas? La IA y DeWeed pueden ayudarte en la planificación de tu boda

La planificación de una boda es un proceso emocionante pero a menudo abrumador. Desde la selección del lugar perfecto hasta la elección del vestido ideal, hay innumerables decisiones que tomar para que todo salga según lo planeado en el gran día. Tradicionalmente, esta tarea ha supuesto muchos quebraderos de cabeza para los novios. Una vez