HTML u Tag - Aprenda HTML

A tag HTML  representa um trecho de texto inline com uma anotação não articulada e não textual. Essa é uma definição propositalmente ampla: ela marca um texto que deve ser destacado por um motivo que não se encaixa em nenhum outro elemento, sem explicar por que no próprio texto. O navegador renderiza essa anotação como um sublinhado por padrão — mas o sublinhado é apenas uma pista visual, não o propósito do elemento.

Há um equívoco comum que vale esclarecer: no HTML5, a tag  não está obsoleta e não significa simplesmente "sublinhar isso". Ela foi redefinida, afastando-se do seu antigo significado puramente apresentacional do HTML 4. Se você só quer um sublinhado para estilização, esse é um trabalho para CSS, não para .

Os dois casos de uso canônicos da especificação HTML são:

Marcar uma palavra com erro ortográfico, da mesma forma que um verificador ortográfico traça uma linha ondulada abaixo dela.
Marcar um nome próprio em texto chinês (a marca de nome próprio, uma convenção de anotação na tipografia chinesa).

Em aplicações modernas, o lugar mais legítimo para usar  é um editor de texto rico que precisa registrar uma anotação de verificação ortográfica ou de nome próprio como marcação semântica, e não como estilização.

Aviso

Texto sublinhado que não é um link é facilmente confundido com um hiperlink. A maioria dos usuários interpreta sublinhados como "isso é clicável". Use  apenas quando você realmente quis dizer uma anotação não textual e considere reestilizá-lo (por exemplo, com um sublinhado pontilhado ou ondulado) para que não pareça um link. Nunca sublinhe texto apenas para ênfase — use  ou  para isso. Para sublinhados puramente decorativos, use a propriedade CSS text-decoration.

Na maioria das situações, um elemento diferente e mais específico comunica sua intenção melhor do que :

 para ênfase de entonação,
 para texto de grande importância,
 para destacar frases ou palavras-chave relevantes,
<ins> para texto que foi inserido em um documento,
 para chamar atenção sem transmitir importância,
<cite> para o título de uma obra citada,
 para termos técnicos, expressões estrangeiras ou pensamentos.

Se você quiser adicionar uma anotação textual (como um guia de pronúncia), use a tag <ruby>.

Sintaxe

O elemento  vem em pares. O conteúdo anotado é escrito entre as tags de abertura () e fechamento ().

Exemplo: marcando uma palavra com erro ortográfico

Um uso comum e alinhado à especificação é sinalizar um erro ortográfico. Uma class permite reestilizar o sublinhado padrão como uma linha vermelha ondulada, da forma como editores mostram erros de 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

Exemplo: anotando um nome próprio em texto chinês

O outro uso canônico é a marca de nome próprio chinesa, onde  anota uma palavra como substantivo próprio:

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

Result

Exemplo: a renderização padrão

Por padrão, os navegadores sublinham o conteúdo de um 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>

Experimente Você Mesmo »

Exemplo da propriedade CSS text-decoration:

Se você só quer um sublinhado para estilização visual, use CSS em vez de :

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

Experimente Você Mesmo »

Atributos

A tag  suporta todos os Atributos globais e Atributos de evento.

Prática

O que a tag HTML u representa no HTML5?

Um trecho de texto com uma anotação não articulada e não textual, como uma palavra com erro ortográfico.Texto que deve simplesmente ser sublinhado para estilização visual.Texto de grande importância.Texto enfatizado que muda o significado de uma frase.Um elemento obsoleto que os navegadores não suportam mais.