HTML Subrayado: usos y buenas prácticas

hace 3 meses

HTML Subrayado uso y buenas practicas

El HTML, o HyperText Markup Language, es el lenguaje de marcado estándar para documentos diseñados para ser mostrados en un navegador web. Dentro de este lenguaje, el subrayado ha sido una herramienta utilizada para destacar texto, aunque su uso ha evolucionado con el tiempo. Vamos a explorar qué es el subrayado en HTML, cómo se usa, y las mejores prácticas para su aplicación.

¿Qué es el subrayado en HTML?

El subrayado en HTML solía realizarse con la etiqueta <u>. Esta etiqueta se introdujo para representar texto no enfatizado que debía ser visualmente diferente del resto del texto, específicamente a través del subrayado. Originalmente, se usaba de manera generalizada para subrayar palabras, frases e incluso párrafos enteros.

Como todo evoluciona, HTML y CSS también lo hacen. Ahora de normal, cuando queremos subrayar una frase o un texto en concreto podemos hacerlo directamente desde CSS, para ello escribiríamos algo así:

<p style=»text-decoration: underline;»>Este es el texto subrayado</p>

Como vemos, le estamos aplicando la regla CSS «text-decoration: underline;», con lo que aplicamos el subrayado desde el propio CSS. Si tuviéramos que subrayar el texto de un enlace, pues igualmente le aplicamos ese estilo dentro de la etiqueta <a style=»…»></a>.

Buenas prácticas

Uso semánticamente correcto: La etiqueta <u> debería usarse solo para textos que requieren ser diferenciados del resto sin implicar énfasis o importancia. Ejemplos incluyen nombres propios en chino o indicaciones de errores tipográficos en un texto.

Preferir CSS para dar estilo: Para propósitos de subrayado por el hecho de darle simplemente estilo, como destacar o enfatizar, es mejor usar CSS. Esto no solo separa el contenido del estilo, siguiendo las mejores prácticas de desarrollo web, sino que también permite mayor personalización del mismo.

Accesibilidad: Al subrayar texto, es crucial considerar la accesibilidad. El subrayado puede dificultar la lectura para algunas personas, especialmente si se combina con colores de texto y fondo de bajo contraste (Esto es algo que Google también tiene cuenta en las Core Vitals, así que mucho ojo con esto). Asegúrate de que el uso del subrayado no comprometa la legibilidad del texto.

Evitar confusiones con enlaces: Tradicionalmente, los enlaces se muestran subrayados en los navegadores web. Usar el subrayado para el texto que no es un enlace puede confundir a los usuarios. Siempre busca mantener clara la distinción entre texto subrayado y enlaces.

El subrayado en HTML ha transitado de una herramienta de marcado simple a un elemento con significado semántico y aplicaciones estilísticas más complejas. Hay que saber cómo, cuándo y porqué usar el subrayado de forma correcta ya que es esencial para crear páginas y documentos web claros, accesibles y estéticamente agradables.

 

Reúnete conmigo
Te invito a una reunión sin compromiso para explorar juntos las oportunidades de crecimiento de tu negocio. Aprovecha esta oportunidad para conocerme y descubrir cómo mi experiencia y habilidades pueden marcar la diferencia en tu éxito empresarial. ¡No pierdas la ocasión de darle a tu empresa el impulso que merece!
× ¿Cómo puedo ayudarte?