Saltar al contenido

Etiqueta HTML <u>

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:

Si desea agregar anotaciones textuales, use la etiqueta &lt;ruby&gt;.

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;&#8203;/u&gt;).

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

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

html
<!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>

Resultado

ejemplo de la etiqueta <u>

Ejemplo de la propiedad CSS text-decoration:

Ejemplo de la etiqueta HTML &lt;u&gt;|Propiedad text-decoration|W3Docs

html
<!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>

Atributos

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

Práctica

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

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.