Le tag <nobr> indique au navigateur, que le texte qui y figure doit être affiché sur une ligne sans transfert. Comme tout le texte est affiché par une ligne, une barre de défilement horizontale apparaît.

Ce tag a été utilisé avec le tag <wbr>, qui spécifie où dans un texte il ajouterait un saut de ligne. Contrairement au tag <br>, le tag <wbr> effectue un saut de ligne uniquement lorsque la ligne en cours a déjà été étendue au-delà des marges de la fenêtre d'affichage du navigateur.

Le tag <nobr> est un élément non standard et n’est pas inclus dans la spécification de HTML․ Au lieu de cela on recommande d’utiliser la propriété CSS white-space.

Syntaxe

Le tag <nobr> est apparié; le tag fermant (</nobr>) est requis.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <nobr>
      Ceci est un texte ordinaire et très long qui est très peu pratique à lire, car il est écrit sur une ligne et vous devez faire défiler horizontalement pour le lire.  
    </nobr>
  </body>
</html>

Résultat

Texte sur une ligne
Prenons un exemple, où on utilise la propriété CSS white-space au lieu de l’élément <nobr>.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p.a {
        white-space: nowrap;
      }
    </style>
  </head>
  <body>
    <h1>Exemple d'utilisation de la propriété CSS white-space</h1>
    <p class="a">
      Ceci est un texte ordinaire et très long qui est très peu pratique à lire, car il est écrit sur une ligne et vous devez faire défiler horizontalement pour le lire.
    </p>
  </body>
</html>

Résultat

Texte sur une ligne

Attributs

Le tag <nobr> supporte les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <nobr> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <nobr>:

Coloration du texte dans le tag HTML <nobr>:

Styles de mise en page du texte pour la tag HTML <nobr>:

Autres propriétés utiles pour le tag HTML <nobr>:

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Quelles sont les caractéristiques et utilisations du tag <nobr> en HTML ?
Trouvez-vous cela utile?