W3docs
es
Iniciar sesión

Etiqueta HTML <u>

Use <u> Tag to specify an underlined text. Which specifies text that is stylistically different from normal text. Learn how to use <u> tag with examples.

En HTML 4.01, el elemento &lt;u&gt; se utilizaba para especificar texto subrayado. Sin embargo, usar HTML únicamente para efectos estéticos ya no se considera una buena práctica. En su lugar, HTML debe usarse para agregar estructura y significado semántico.

En HTML5, el elemento &lt;u&gt; se redefinió con un significado semántico específico. Representa un fragmento de texto que es estilísticamente diferente del texto normal, como palabras mal escritas o nombres propios en chino.

La etiqueta &lt;u&gt; define un fragmento de texto que tiene una anotación no articulada pero renderizada exactamente. Esto significa que el desarrollador web y el navegador pueden elegir cómo presentar la anotación. Los navegadores suelen renderizar el texto dentro de las etiquetas &lt;u&gt; como subrayado de forma predeterminada, pero este estilo visual puede anularse con CSS.

peligro

No utilice el elemento &lt;u&gt; únicamente para subrayado visual. En HTML5, tiene un significado semántico específico. Para un subrayado puramente estético, use la CSS text-decoration propiedad establecida en underline.

En algunos casos, considere usar otros elementos, como:

  • <em> para énfasis de estrés,
  • <b> para llamar la atención sobre un texto,
  • <cite> para títulos de libros,
  • <i> para términos técnicos,
  • <mark> para resaltar frases o palabras clave,
  • <strong> para especificar un texto con gran importancia.

Si desea agregar anotaciones textuales, use la etiqueta <ruby>.

Sintaxis

El elemento &lt;u&gt; aparece en pares. El contenido se escribe entre el elemento de apertura (&lt;u&gt;) y el de cierre (&lt;/u&gt;).

Ejemplo de la etiqueta HTML &lt;u&gt;:

Ejemplo de la etiqueta HTML &lt;u&gt;|W3Docs

<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document</title>
  </head>
  <body>
    <p>Here we used <u>the &lt;u&gt; element</u>.</p>
  </body>
</html>
Pruébalo tú mismo »

Resultado

ejemplo de la etiqueta <u>

Ejemplo de la propiedad CSS text-decoration:

<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document.</title>
    <style>
      span {
        text-decoration: underline;
      }
    </style>
  </head>
  <body>
    <p>Here we used <span> CSS property text-decoration:underline</span>.</p>
  </body>
</html>
Pruébalo tú mismo »

Atributos

La etiqueta &lt;u&gt; admite todos los Atributos globales y los Atributos de eventos.

Práctica

Práctica

¿Cuál es la función de la etiqueta HTML <u>?