Hasta que se lanzó HTML5, la etiqueta ha requerido un atributo: href. Pero, HTML5 hace que incluso ese atributo opcional. Cuando escribe una etiqueta sin ningún atributo, se denomina enlace de marcador de posición.
Un enlace de marcador de posición se ve así:
Uso de enlaces 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 al diseñar y construir un sitio web. Antes de HTML5, un programador escribiría lo siguiente como un marcador de posición:
Texto del enlace
El problema con el uso de un hashtag (#) como un enlace de marcador de posición es que se puede hacer clic en el enlace 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 se hace clic.
En su lugar, debe comenzar a usar etiquetas sin ningún atributo. Puede personalizarlos para que se parezcan a cualquier otro enlace en su página, pero no se podrá hacer clic porque son solo marcadores de posición.
Uso de enlaces de marcador 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 enlace 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. Estos son a menudo llamados indicadores de "usted está aquí".
La mayoría de los sitios se basan en los atributos de identificación en el elemento que necesita el marcador "usted está aquí", pero algunos también usan el atributo de clase. Sin embargo, sea cual sea el atributo que use, debe realizar una gran cantidad de trabajo adicional en cada página que tenga la navegación, agregando y eliminando el atributo de los elementos correctos.
Con un enlace de marcador de posición, puede escribir su navegación como desee, 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 solo un copiado y pegado rápido. A continuación, puede simplemente eliminar el href. También puede hacer que su sistema de administración de contenido (CMS) haga lo mismo.
Styling Placeholder Links
Los enlaces de marcadores de posición son fáciles de diseñar y de manera diferente a los otros enlaces en su página web. Simplemente asegúrese de aplicar estilo a la etiqueta y a la etiqueta a: link. Por ejemplo:
a {color: rojo; font-weight: negrita; texto-decoración: ninguno; } a: link {color: azul; peso de la fuente: normal; texto-decoración: subrayado; }
Este CSS hará que los enlaces de los marcadores de posición estén en negrita y en rojo, sin subrayar. Los enlaces regulares serán de peso normal, azul y subrayado sin embargo.
Recuerde restablecer los estilos que no desea que se transfieran desde la etiqueta a. Por ejemplo, el peso de la fuente se establece en negrita para los enlaces de marcador de posición, por lo que tendrá que configurarlo en
peso de la fuente: normal;
Para enlaces estándar. Lo mismo ocurre con el texto-decoración. Al eliminarlo con el selector a, se habría eliminado del selector a: link si no lo hubiera vuelto a colocar.
