Etiqueta u en HTML

¿Qué es la etiqueta <u> en HTML?

La etiqueta HTML <u> es una etiqueta de formato de texto que se utiliza para subrayar el texto contenido dentro de ella. Cuando se usa la etiqueta <u>, el texto dentro de ella se mostrará con una línea horizontal debajo en la mayoría de los navegadores web.

La etiqueta <u> es útil para indicar que el texto es importante o debe ser enfatizado de alguna manera. Sin embargo, se debe tener en cuenta que la etiqueta <u> se ha vuelto menos popular en los últimos años debido a que su uso excesivo puede hacer que el texto sea difícil de leer o parezca desordenado.

En lugar de utilizar la etiqueta <u>, se recomienda utilizar la etiqueta <strong> para indicar que el texto es importante o enfático. Si se desea subrayar texto por razones de diseño, se recomienda utilizar CSS para aplicar un estilo de subrayado en lugar de utilizar la etiqueta <u>.

Es importante tener en cuenta que la etiqueta <u> es una de las etiquetas de formato de texto básicas de HTML, pero se debe utilizar con precaución para asegurarse de que el texto siga siendo legible y estéticamente agradable.

Ejemplo de uso

Aquí te presento un ejemplo de cómo se puede utilizar la etiqueta <u> en HTML:

Por ejemplo, en lugar de utilizar:


<p>Este texto está <u>subrayado</u>.</p>

Lenguaje del código: HTML, XML (xml)

Se recomienda utilizar:


<p>Este texto está <strong>enfatizado</strong>.</p>

Lenguaje del código: HTML, XML (xml)

O


<p>Este texto está <em>en cursiva</em>.</p>

Lenguaje del código: HTML, XML (xml)

Aunque la etiqueta <u> todavía es compatible con los navegadores, no se recomienda su uso, ya que puede causar problemas de accesibilidad y confusión para los usuarios.

Es mejor utilizar otras etiquetas de formato de texto para lograr el mismo objetivo y mejorar la experiencia del usuario.

Atributos

La etiqueta <u> de HTML no tiene muchos atributos, ya que su uso está desaconsejado en HTML y se recomienda el uso de estilos CSS para subrayar el texto. Sin embargo, a continuación se describen los atributos que se pueden usar con la etiqueta <u>:

  • class: Permite definir una o varias clases para la etiqueta, lo que facilita su selección y estilización con CSS.
  • id: Permite identificar de manera única la etiqueta para su uso con CSS o JavaScript.
  • style: Permite definir estilos en línea para la etiqueta, como el color del subrayado o su grosor.

Es importante tener en cuenta que, aunque estos atributos se pueden utilizar con la etiqueta <u>, no se recomienda su uso. En su lugar, es mejor utilizar estilos CSS para dar formato al subrayado del texto en una página web.

Más ejemplos

Es importante tener en cuenta que la etiqueta <u> está obsoleta en HTML5, y se recomienda el uso de estilos CSS para subrayar texto en una página web. Sin embargo, aquí te proporciono tres ejemplos de cómo se puede utilizar la etiqueta <u> en HTML5:

  1. Ejemplo de una oración con una palabra subrayada utilizando la etiqueta <u>:

<!DOCTYPE html>
<html>
  <head>
    <title>Ejemplo de etiqueta u</title>
  </head>
  <body>
    <p>El <u>perro</u> marrón saltó sobre el <u>largo</u> muro de ladrillo.</p>
  </body>
</html>

Lenguaje del código: HTML, XML (xml)
  1. Ejemplo de un enlace con una palabra subrayada utilizando la etiqueta <u>:

<!DOCTYPE html>
<html>
  <head>
    <title>Ejemplo de etiqueta u</title>
  </head>
  <body>
    <p>Visita nuestra <a href="https://www.ejemplo.com"><u>página web</u></a> para obtener más información.</p>
  </body>
</html>

Lenguaje del código: HTML, XML (xml)
  1. Ejemplo de una tabla con texto subrayado utilizando la etiqueta <u>:

<!DOCTYPE html>
<html>
  <head>
    <title>Ejemplo de etiqueta &lt;u&gt;</title>
  </head>
  <body>
    <table>
      <tr>
        <th>Nombre</th>
        <th>Edad</th>
      </tr>
      <tr>
        <td><u>Juan Pérez</u></td>
        <td><u>32</u></td>
      </tr>
      <tr>
        <td><u>María López</u></td>
        <td><u>27</u></td>
      </tr>
    </table>
  </body>
</html>

Lenguaje del código: HTML, XML (xml)

Es importante mencionar que, aunque estos ejemplos funcionan y utilizan la etiqueta <u>, su uso está desaconsejado en HTML5 y se recomienda utilizar estilos CSS para subrayar texto en una página web.

Curso de HTML Desde Cero

Inscríbete Ahora