Balise HTML <nobr>
La balise <nobr> empêche le texte de passer à la ligne suivante. Elle maintient le contenu sur une seule ligne. Comme le texte ne peut pas passer à la ligne, une barre de défilement horizontale peut apparaître si le conteneur est trop étroit pour afficher la ligne complète.
Habituellement, lorsque le texte dépasse la largeur de son conteneur, le navigateur le coupe automatiquement pour le passer à la ligne suivante. La balise <nobr> empêche cette rupture automatique de ligne.
DANGER
<nobr> est un élément non standard. Bien qu'il puisse encore fonctionner dans certains navigateurs, son utilisation est déconseillée car il peut être supprimé à tout moment. Utilisez plutôt la propriété CSS white-space.
Syntaxe
La balise <nobr> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<nobr>) et la balise de fermeture (</nobr>).
Exemple de la balise HTML <nobr> :
Un texte ordinaire et très long sur une seule ligne | Exemple de la balise HTML <nobr>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<nobr>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</nobr>
</body>
</html>Résultat
Vous pouvez utiliser la propriété CSS white-space à la place de l'élément <nobr> et obtenir le même résultat.
Exemple de la propriété CSS white-space à la place de la balise <nobr> :
Exemple d'utilisation de la propriété CSS white-space avec la balise HTML <nobr> | W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
p.a {
white-space: nowrap;
}
</style>
</head>
<body>
<h1>Example of using the CSS property white-space</h1>
<p class="a">
It is an ordinary and very long text that is very inconvenient to read, as it is written in one line, and you have to scroll horizontally to read it.
</p>
</body>
</html>Attributs
La balise <nobr> prend en charge les Attributs globaux et les Attributs d'événement.
Comment utiliser les attributs globaux avec la balise HTML <nobr>
<nobr id="my-text" class="highlight">
This text will stay on one line and can be targeted or styled using global attributes.
</nobr>Pratique
Quelle est la fonction de la balise 'nobr' en HTML ?