¿Cómo quitar el subrayado de los enlaces de texto HTML?

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
VALORACIÓN DEL ARTÍCULO:
5/5


Por defecto, el contenido de texto que está vinculado a HTML mediante el elemento o “ancla” tiene un estilo subrayado. A menudo, los diseñadores web optan por eliminar este estilo predeterminado eliminando el subrayado.

A muchos diseñadores no les gusta el aspecto del texto subrayado, especialmente en bloques de contenido densos con muchos enlaces. Todas esas palabras subrayadas pueden realmente romper el flujo de lectura de un documento. Muchos han argumentado que esos subrayados en realidad hacen que las palabras sean más difíciles de distinguir y leer rápidamente debido a la forma en que el subrayado cambia las formas naturales de las letras.

Sin embargo, la conservación de estos subrayados en los enlaces de texto tiene ventajas legítimas. Por ejemplo, cuando se navega a través de grandes bloques de texto, los enlaces subrayados junto con el contraste de color adecuado hacen que sea fácil para los lectores escanear inmediatamente una página y ver dónde están los enlaces.

Si decide eliminar los enlaces del texto (un proceso sencillo que trataremos en breve), asegúrese de encontrar formas de cambiar el estilo del texto para diferenciar lo que es un enlace de lo que es texto sin formato. Esto se hace más a menudo con el contraste de color mencionado anteriormente, pero el color por sí solo puede plantear un problema para los visitantes con impedimentos visuales como el daltonismo. Dependiendo de su forma particular de daltonismo, el contraste puede perderse totalmente en ellos, impidiéndoles ver la diferencia entre texto enlazado y no enlazado. Esta es la razón por la que el texto subrayado sigue siendo considerado la mejor manera de mostrar los enlaces.

Entonces, ¿cómo se desactiva un subrayado si todavía quieres hacerlo? Dado que se trata de una característica visual que nos preocupa, nos referiremos a la parte de nuestro sitio web que se ocupa de todo lo visual – CSS.

Usar hojas de estilo en cascada para desactivar los subrayados en los enlaces

En la mayoría de los casos, no se busca desactivar un subrayado en un solo enlace de texto. En su lugar, su estilo de diseño probablemente requiera que elimine los subrayados de todos los enlaces. Esto lo haría añadiendo estilos a su hoja de estilo externa.

a {
texto-decoración: ninguno;
}

¡Eso es todo! Esa simple línea de CSS desactivaría el subrayado (que en realidad utiliza la propiedad CSS para "decoración de texto") en todos los enlaces.

También puedes ser más específico con este estilo. Por ejemplo, si sólo desea desactivar el subrayado o los enlaces dentro del elemento "nav", puede escribir:

nav a {
texto-decoración: ninguno;
}

Ahora, los enlaces de texto de la página obtendrían el subrayado predeterminado, pero los de la navegación lo eliminarían.

Una cosa que muchos diseñadores web deciden hacer es volver a activar el enlace cuando alguien pasa por encima del texto. Esto se haría usando la pseudoclase CSS :hover, así:

a {
texto-decoración: ninguno;
}
a:hover {
texto-decoración:subrayar;
}

Uso de CSS en línea

Como alternativa a hacer cambios en una hoja de estilo externa, también puede añadir los estilos directamente al propio elemento en HTML.

El problema con este método es que coloca información de estilo dentro de su estructura HTML, lo cual no es una buena práctica. El estilo (CSS) y la estructura (HTML) deben mantenerse separados.

Si usted quisiera que todos los enlaces de texto de un sitio se eliminaran, añadir esta información de estilo a cada enlace de forma individual significaría añadir una buena cantidad de marcado adicional al código de su sitio. Esta hinchazón de la página puede ralentizar el tiempo de carga de un sitio y hacer que la gestión general de la página sea mucho más desafiante. Por estas razones, es preferible recurrir siempre a una hoja de estilo externa para todas las necesidades de diseño de páginas.

En Cierre

Por muy fácil que sea eliminar el subrayado de los enlaces de texto de una página web, también debe tener en cuenta las consecuencias de hacerlo. Aunque puede limpiar el aspecto de una página, puede hacerlo a expensas de la usabilidad general. Tenga esto en cuenta la próxima vez que considere cambiar las propiedades de "decoración de texto" de una página.

Deja un comentario

TAMBIÉN TE INTERESA

seguridad y mantenimiento smartphone

Mantenimiento smartphone: consejos para un mejor cuidado y seguridad de tu teléfono

Hablamos de consejos de mantenimiento smartphone. Ya sea en el trabajo o en la vida privada, la seguridad de tu smartphone se ha convertido en una parte integral de muchas áreas. En los servicios de mensajería se envían mensajes privados y Clouds almacena fotos personales. Para no perder esta información confidencial, los propietarios de teléfonos móviles deben proteger sus teléfonos inteligentes. No se debe

tecnología QLED de Samsung

Televisores QLED, OLED, Micro-LED y Mini-LED

Los sistemas OLED, QLED, etc. ofrecen una excelente nitidez de imagen con detalles impresionantes, colores brillantes y un contraste gigantesco del negro profundo al blanco brillante: los televisores han alcanzado un nivel de calidad notable. Varias tecnologías de pantalla compiten por la mejor calidad de imagen. Las primeras pantallas planas tuvieron que ponerse al día en

Cómo instalar Linux junto con Windows

Cómo instalar Linux junto con Windows en 8 pasos

¿Te gustaría saber cómo instalar Linux en Windows, pero solo tienes una computadora? No hay problema, ambos funcionan en paralelo, con muy poco esfuerzo. Ejecutar Linux y Windows en la misma máquina es bastante fácil: simplemente eliges qué sistema iniciar al arrancar. Todos los pasos necesarios se pueden encontrar aquí muy sencillamente explicados. Índice de contenidos1 ¿Cómo

chips inteligentes

El futuro de los chips de IA está en el software

  La IA y el aprendizaje automático, es decir, la inteligencia artificial y el aprendizaje automático, dependen del rendimiento. La pila de software es tan importante como el hardware, porque un buen software puede sacar hasta el último bit de rendimiento de los procesadores limitados física y técnicamente. En los últimos años, la demanda de procesadores

los móviles con mayor duración de batería

Top 10 de mejores smartphones con una batería grande

¿Todo estaba mejor antes? Bueno no exactamente. Pero los buenos y viejos teléfonos móviles de Nokia duraron (al menos parecía) una semana entera antes de que tuvieran que cargarse. Con los teléfonos inteligentes actuales, las cosas son, por supuesto, diferentes, principalmente debido a las pantallas grandes, las aplicaciones multimedia complejas y su hambre de rendimiento. Pero, ¿qué modelos

Debian vs. Ubuntu

Debian vs. Ubuntu: ¿cuál es mejor?

Ubuntu es prácticamente el Linux estándar para escritorios privados. Los usuarios experimentados también están felices de recomendar Debian. Ambos están relacionados, pero las diferencias son grandes. Aquí puedes descubrir por qué la elección no es tan difícil. Índice de contenidos1 Madre e hijo2 Debian2.1 Grupos destinatarios2.2 Software instalado por defecto3 Gestión de paquetes3.1 Estabilidad4 Derechos de administrador5 En pocas palabras