Etiqueta HTML <nobr>
La etiqueta <nobr> evita que el texto se ajuste a varias líneas. Mantiene el contenido en una sola línea. Debido a que el texto no puede ajustarse, puede aparecer una barra de desplazamiento horizontal si el contenedor es demasiado estrecho para mostrar la línea completa.
Por lo general, cuando el texto excede el ancho de su contenedor, el navegador lo rompe automáticamente en la siguiente línea. La etiqueta <nobr> evita este ajuste de línea automático.
peligro
<nobr>es un elemento no estándar. Aunque aún puede funcionar en algunos navegadores, su uso no está recomendado ya que puede ser eliminado en cualquier momento. En su lugar, utiliza la propiedad CSS white-space.
Sintaxis
La etiqueta <nobr> se escribe en pares. El contenido se coloca entre las etiquetas de apertura (<nobr>) y cierre (</nobr>).
Ejemplo de la etiqueta HTML <nobr>:
Un texto normal y muy largo en una sola línea | Ejemplo de la etiqueta 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>Resultado
Puedes utilizar la propiedad CSS white-space en lugar del elemento <nobr> y obtener el mismo resultado.
Ejemplo de la propiedad CSS white-space en lugar de la etiqueta <nobr>:
Ejemplo de uso de la propiedad CSS white-space con la etiqueta 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>Atributos
La etiqueta <nobr> admite los Atributos globales y los Atributos de eventos.
Cómo utilizar atributos globales con la etiqueta 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>Práctica
¿Cuál es la función de la etiqueta 'nobr' en HTML?