back to top

Tag <nobr>: evitare che il testo in una pagina web vada a capo

Il tag <nobr> di HTML รจ utilizzato nel markup per controllare il comportamento del testo all’interno di un dato elemento di una pagina web.

Normalmente, il testo si dispone automaticamente su piรน righe quando lo spazio orizzontale disponibile non รจ sufficiente. Tuttavia, ci sono situazioni in cui potresti voler evitare che ciรฒ accada, ad esempio per mantenere un numero di telefono, un indirizzo email, una sequenza di parole o un blocco di testo su una sola riga, indipendentemente dallo spazio disponibile.

Per ottenere questo risultato, si puรฒ utilizzare appunto il tag <nobr>. Questo tag HTML, inserito attorno al testo desiderato, forza il browser a mantenere il contenuto su una singola riga, evitando che vada a capo anche se lo spazio disponibile non รจ sufficiente.

Ecco come utilizzarlo in pratica:

<nobr>Non mandare a capo questo testo...</nobr>

Utilizzando questo tag, il testo all’interno rimarrร  su una sola riga, a meno che non venga interrotto manualmente tramite un tag <br>.

Utilizzare CSS invece di <nobr>

E’ importante notare che il tag <nobr> รจ deprecato nelle versioni moderne dell’HTML e non รจ piรน consigliato per l’uso nelle pratiche di sviluppo attuali. In alternativa, รจ preferibile utilizzare il CSS, con la proprietร  white-space: nowrap;, che offre un controllo piรน robusto e flessibile sul comportamento del testo. Ecco un esempio:

<span style="white-space: nowrap;">Non mandare a capo questo testo...</span>

Questa soluzione produce effetti analoghi a <nobr> ma รจ conforme agli standard moderni di sviluppo web, garantendo una migliore compatibilitร  e accessibilitร .

Pubblicitร 
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).

Leggi anche...

Convertire PSD in HTML/CSS: ecco come fare

Avete deciso di creare un sito web ma non...

Attributo "rel" per i link HTML

In HTML l’attributo rel può essere utilizzato esclusivamente in...

Humans.txt – cos’è, a cosa serve e come funziona

Humans.txt è un formato standard concepito per corredare un...

Un form di ricerca in HTML

Un modulo di ricerca è una delle funzionalità più...

Differenza tra sito statico e sito dinamico, vantaggi e svantaggi

Un sito statico è una collezione di pagine web...

Elementi a comparsa in puro HTML (no Javascript)

In molti siti web sono implementate tecniche di web-design...
Pubblicitร