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.
