Tag HTML

Quando usar o < u > Elemento

Quando o elemento <u> foi inicialmente concebido, era para ser usado para identifique o texto que deve ser sublinhado. No entanto, usar HTML para adicionar efeitos estilísticos não é mais considerado uma boa prática. Em vez disso, HTML deve ser usado para adicionar estrutura e significado semântico ao conteúdo de uma página da web, e CSS deve ser usado para adicionar estilos e layout da página de controle.

O que isso significa é que tags antigas como <u>, que foram originalmente concebidas com a apresentação em mente, devem ser reformuladas com significado semântico ou descontinuadas e removida da especificação HTML.

Então, que significado semântico este elemento transmite no HTML moderno? De acordo com a especificação HTML5 publicada pelo W3C:

O elemento u representa uma extensão de texto com um unarticulat ed, embora explicitamente renderizada, anotação não textual…

Você lamenta ter perguntado, não é? Vamos esclarecer um pouco essa definição.

Primeiro, o que é uma anotação não textual? Bem, adicionar uma anotação significa adicionar uma explicação ou nota. No entanto, neste caso, a anotação não é textual, o que significa que a anotação não tem nada a ver com o conteúdo do texto.

Em segundo lugar, a anotação não está articulada, mas explicitamente apresentada. Em outras palavras, o navegador e o desenvolvedor da web podem escolher mostrar a anotação da maneira que quiserem. Por padrão, os navegadores renderizarão o texto circundado por u tags conforme sublinhado, mas isso não é necessariamente obrigatório e não faz parte da especificação HTML. A forma como a anotação deve aparecer é desarticulada, mostre-a da maneira que quiser. Apenas certifique-se de que a anotação seja fácil de detectar, em outras palavras: explicitamente renderizada.

Vamos juntar as peças. O elemento u é usado para:

• Adicionar uma anotação que nos diga algo sobre o próprio texto selecionado, não sobre o conteúdo ou mensagem do texto .
• A forma como a anotação é adicionada não está articulada. As palavras entre as tags u não precisam ser sublinhadas, qualquer método de anotação é aceitável, desde que …
• A anotação deve ser explicitamente renderizada, isto é: fácil de detectar.

Então, que tipo de casos de uso existem para essa tag de nicho? O uso mais comum é identificar palavras com erros ortográficos. Digamos que você esteja apresentando um texto que inclui palavras com erros ortográficos intencionalmente que deveriam chamar a atenção do leitor. O elemento <u> seria uma ótima escolha para identificar essas palavras.

Adam é um escritor técnico especializado em documentação e tutoriais para desenvolvedores.