Hasta que HTML5 fue lanzado, la etiqueta ha requerido una atributo: href. Pero HTML5 hace que incluso ese atributo sea opcional. Cuando escribe la etiqueta sin ningún atributo, se denomina vínculo de marcador de posición.
Un vínculo de marcador de posición se ve así:
Anterior
Uso de enlaces de marcador de posición durante el desarrollo
Casi todos los diseñadores web han creado enlaces de marcador de posición en un momento u otro mientras diseñar y construir un sitio web. Antes de HTML5, un programador escribiría lo siguiente como marcador de posición:
Texto del enlace
El problema de usar un hashtag (#) como enlace de marcador de posición es que se puede hacer clic en el enlace, y esto puede causar confusión a sus clientes. Y, si un desarrollador se olvida de 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, debería empezar a utilizar etiquetas sin atributos. Puede diseñarlos para que se vean como cualquier otro enlace en su página, pero no se podrá hacer clic en ellos porque son solo marcadores de posición.
Uso de enlaces de marcador de posición en sitios activos
Los enlaces de marcador de posición tienen un lugar en el diseño web para algo más que desarrollo. Un lugar en el que puede brillar un vínculo de marcador de posición 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 denominan indicadores de "usted está aquí".
La mayoría de los sitios confían en atributos de identificación en el elemento que necesita el marcador "estás aquí", pero algunos también usan el atributo de clase. Sin embargo, sea cual sea el atributo que use, debe hacer mucho 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 agrega la navegación a una página. Para el desarrollo, una sugerencia rápida de ayuda es almacenar la lista de navegación completa como un fragmento de código en su editor, por lo que es solo copiar y pegar rápidamente. Luego, simplemente puede eliminar el archivo href. También puede hacer que su sistema de administración de contenido (CMS) haga lo mismo.
Estilo de enlaces de marcadores de posición
Los enlaces de marcador de posición son fáciles de diseñar y diseñar de manera diferente a los otros enlaces de su página web. Simplemente asegúrese de diseñar tanto la etiqueta a como la etiqueta a: link. Por ejemplo:
a {
color rojo;
font-weight: negrita;
decoración de texto: ninguna;
}
un enlace {
color azul;
font-weight: normal;
decoración de texto: subrayado;
}
Esto CSS hará que los enlaces de marcadores de posición estén en negrita y rojo, sin subrayado. Sin embargo, los enlaces regulares serán de peso normal, azules y subrayados.
Recuerde restablecer cualquier estilos no desea que se transfiera de 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 para los enlaces estándar, deberá configurarlo en:
font-weight: normal;
Lo mismo ocurre con el decoración de texto. Al eliminarlo con el selector a, se habría eliminado para el selector a: link si no lo hubiéramos vuelto a colocar.