¿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

redactor de contenido

¿Corre peligro un redactor de contenido con la inteligencia artificial?

Un redactor de contenido es un tipo de profesional que ha existido siempre. Desde la llegada de los medios de comunicación clásicos hasta la consolidación de las plataformas digitales de ocio e información con la llegada de streamers, el puesto también llamado de content editor ha sido relevante se mire por donde se mire. Esa

Amazon Warehouse

¿Buscas oportunidades? Déjate caer por Amazon Warehouse…

Si no conoces Amazon Warehouse es porque nunca has buscado bien en las entrañas de este gigante del comercio electrónico. En este departamento del marketpalce encontraremos chollos, gangas y productos rebajadas al ser reacondicionados o de segunda mano. A lo largo de estas líneas te mostraremos todos los secretos de este rincón de Amazon que

lo-nuevo-de-HP-en-el-CES-2023

Lo más destacado de HP en el CES 2023

Como si fuera una presentación de temporada de una serie de televisión, HP ha aprovechado su momento en el CES 2023, la feria más importante a nivel tecnológico en el mundo, para anunciar todo lo que se viene en este nuevo año para la compañía. Y lo hace poniendo el foco en la vida híbrida

tendencias-de-tecnología

… Más tendencias de tecnología para el nuevo año

Si bien es cierto que un post anterior hablábamos de tendencias de tecnología para 2023, lo cierto es que la información que se maneja es amplia como para detenerse solamente en cinco tendencias. A lo largo de este nuevo artículo seguiremos hablando de nuevas tecnologías que llegarán en el 2023 o bien se consolidarán. Los