Balise HTML <u>
En HTML 4.01, l'élément <u> servait à spécifier du texte souligné. Cependant, utiliser HTML uniquement pour des effets stylistiques n'est plus considéré comme une bonne pratique. HTML doit plutôt être utilisé pour ajouter de la structure et du sens sémantique.
En HTML5, l'élément <u> a été redéfini avec une signification sémantique précise. Il représente une portion de texte qui se distingue stylistiquement du texte normal, comme les mots mal orthographiés ou les noms propres en chinois.
La balise <u> définit une portion de texte comportant une annotation non articulée mais rendue exactement. Cela signifie que le développeur web et le navigateur peuvent choisir comment présenter cette annotation. Les navigateurs affichent généralement le texte à l'intérieur des balises <u> comme souligné par défaut, mais ce style visuel peut être remplacé par CSS.
DANGER
N'utilisez pas l'élément <u> uniquement pour un soulignement visuel. En HTML5, il porte une signification sémantique spécifique. Pour un soulignement purement stylistique, utilisez la propriété CSS text-decoration définie sur underline.
Dans certains cas, envisagez d'utiliser d'autres éléments, tels que :
<em>pour l'accentuation,<b>pour attirer l'attention sur un texte,<cite>pour les titres d'ouvrages,<i>pour les termes techniques,<mark>pour mettre en surbrillance des phrases ou des mots-clés,<strong>pour indiquer un texte d'importance forte.
Si vous souhaitez ajouter des annotations textuelles, utilisez la balise <ruby>.
Syntaxe
L'élément <u> s'utilise par paires. Le contenu est écrit entre l'élément d'ouverture (<u>) et l'élément de fermeture (</u>).
Exemple de la balise HTML <u> :
Exemple de la balise HTML <u>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>The title of the document</title>
</head>
<body>
<p>Here we used <u>the <u> element</u>.</p>
</body>
</html>Résultat
Exemple de la propriété CSS text-decoration :
Exemple de la balise HTML <u>|Propriété text-decoration|W3Docs
<!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>Attributs
La balise <u> prend en charge tous les attributs globaux et les attributs d'événement.
Pratique
Quelle est la fonction de la balise HTML <u> ?