<u>
Un texte avec une annotation qu’on ne peut pas exprimer par des mots, le plus souvent le marquage d’une faute d’orthographe.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p>
Trouvez les erreurs : ce code est
<u style="text-decoration: underline wavy #f43f5e;">ilisible</u> et contient trop de
<u style="text-decoration: underline wavy #f43f5e;">répetitions</u>.
</p>Définition et utilisation
#L’élément <u> marque un fragment de texte portant une annotation non textuelle. Le plus souvent, c’est le signalement d’une faute d’orthographe, comme dans un éditeur de texte. Il s’utilise aussi dans les textes chinois pour marquer les noms propres. Les navigateurs soulignent ce texte par défaut.
En pratique, vous en avez rarement besoin. Sur le web, le souligné est associé à un lien, donc un texte souligné qu’on ne peut pas cliquer trompe les utilisateurs. Pour l’accent, il y a <em>, pour l’importance, <strong>, pour les titres, <cite>, et vous réglez un simple soulignement en CSS avec la propriété text-decoration.
Vous distinguerez clairement les fautes d’orthographe des liens avec un soulignement ondulé : text-decoration: underline wavy red.
Syntaxe
#<u>texte avec une annotation</u>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
u {
text-decoration: underline;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Ne soulignez pas un texte pour le mettre en valeur. Le lecteur essaiera de cliquer dessus.
- Marquez un texte ajouté à un document avec
<ins>, et non avec<u>. - Vous changez le style du soulignement en CSS, par exemple en ligne ondulée pour les fautes d’orthographe.
Entrées associées
#- <ins>Un texte ajouté à un document, par exemple dans une nouvelle version d’un règlement ou dans un article corrigé.
- <s>Un contenu qui n’est plus d’actualité, par exemple un ancien prix. Le navigateur le barre.
- <em>Un accent dans la phrase : un mot qui, à la lecture à voix haute, se prononce avec insistance.
- <mark>Met en évidence un fragment de texte comme un surligneur, parce qu’il est pertinent dans le contexte actuel.
- <a>Un lien vers une autre page, un fichier, une adresse e-mail ou un endroit sur la même page.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.