Tag HTML u - Impara HTML

Il tag HTML  rappresenta uno span di testo inline con un'annotazione non testuale e non articolata. Si tratta di una definizione volutamente ampia: segna il testo che dovrebbe essere distinto per una ragione che non si adatta ad alcun altro elemento, senza però spiegare perché nel testo stesso. Il browser visualizza quell'annotazione come una sottolineatura per impostazione predefinita — ma la sottolineatura è solo un segnale visivo, non il punto centrale dell'elemento.

Questo è un equivoco comune che vale la pena chiarire: in HTML5 il tag  non è deprecato e non significa semplicemente "sottolinea questo." È stato ridefinito rispetto al suo vecchio significato puramente presentazionale di HTML 4. Se vuoi solo una sottolineatura per lo stile, questo è un lavoro per CSS, non per .

I due casi d'uso canonici della specifica HTML sono:

Evidenziare una parola scritta male, nel modo in cui un correttore ortografico traccia una linea ondulata sotto di essa.
Evidenziare un nome proprio nel testo cinese (il segno del nome proprio, una convenzione di annotazione nella tipografia cinese).

Nelle applicazioni moderne, il posto più legittimo in cui utilizzerai  è un editor di testo avanzato che deve registrare un'annotazione di controllo ortografico o di nome proprio come markup semantico anziché come stile.

Attenzione

Il testo sottolineato non collegato viene facilmente confuso con un collegamento ipertestuale. La maggior parte degli utenti interpreta le sottolineature come "questo è cliccabile." Usa  solo quando intendi davvero un'annotazione non testuale, e considera di ridefinirne lo stile (ad esempio con una sottolineatura punteggiata o ondulata) in modo che non sembri un collegamento. Non sottolineare mai il testo solo per enfasi — usa  o  per questo. Per sottolineature puramente decorative, usa invece la proprietà CSS text-decoration.

Nella maggior parte delle situazioni, un elemento diverso e più specifico comunica l'intenzione meglio di :

 per l'enfasi di accentazione,
 per il testo di grande importanza,
 per evidenziare frasi o parole chiave rilevanti,
<ins> per il testo inserito in un documento,
 per attirare l'attenzione senza trasmettere importanza,
<cite> per il titolo di un'opera citata,
 per termini tecnici, frasi straniere o pensieri.

Se vuoi aggiungere un'annotazione testuale (come una guida alla pronuncia), usa invece il tag <ruby>.

Sintassi

L'elemento  viene usato in coppia. Il contenuto annotato è scritto tra il tag di apertura () e quello di chiusura ().

Esempio: evidenziare una parola scritta male

Un utilizzo comune e conforme alle specifiche è segnalare un errore ortografico. Un attributo class permette di ridefinire la sottolineatura predefinita come una linea ondulata rossa, nel modo in cui gli editor mostrano gli errori di ortografia:

<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document</title>
    <style>
      .spelling-error {
        text-decoration: red wavy underline;
      }
    </style>
  </head>
  <body>
    <p>The word <u class="spelling-error">teh</u> is misspelled.</p>
  </body>
</html>

Result

Esempio: annotare un nome proprio nel testo cinese

L'altro utilizzo canonico è il segno del nome proprio cinese, dove  annota una parola come nome proprio:

<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document</title>
  </head>
  <body>
    <p><u>李白</u>是著名的诗人。</p>
  </body>
</html>

Result

Esempio: il rendering predefinito

Per impostazione predefinita, i browser sottolineano il contenuto di un elemento :

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

Provalo tu stesso »

Esempio della proprietà CSS text-decoration:

Se vuoi solo una sottolineatura per lo stile visivo, usa CSS anziché :

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

Provalo tu stesso »

Attributi

Il tag  supporta tutti gli attributi globali e gli attributi evento.

Esercizio

Pratica

Cosa rappresenta il tag HTML u in HTML5?

Uno span di testo con un'annotazione non testuale e non articolata, come una parola scritta male.Testo che dovrebbe essere semplicemente sottolineato per lo stile visivo.Testo di grande importanza.Testo enfatizzato che cambia il significato di una frase.Un elemento deprecato che i browser non supportano più.