Un’in­ter­ru­zio­ne di riga HTML consente di andare a capo per iniziare una nuova riga senza creare un nuovo paragrafo. Le in­ter­ru­zio­ni di riga in HTML aiutano a strut­tu­ra­re e for­mat­ta­re i testi e ot­ti­miz­za­no la coerenza delle strutture di testo in browser diversi.

Cos’è un’in­ter­ru­zio­ne di riga HTML?

Le in­ter­ru­zio­ni di riga (ritorni a capo) in HTML sono speciali elementi HTML che con­sen­to­no di iniziare una nuova riga senza creare un nuovo paragrafo nei documenti HTML. Un ritorno a capo crea una nuova riga e in­ter­rom­pe il flusso del testo. A questo scopo si usa il tag HTML <br>. L’ab­bre­via­zio­ne “br” sta per “break”, ossia “in­ter­ru­zio­ne”. Anziché lasciar scorrere il testo fino alla fine della riga, sposta i contenuti de­si­de­ra­ti in una nuova riga con il tag <br> HTML; in questo modo il testo sarà trattato come un paragrafo continuo.

Il tag <br> è sup­por­ta­to da tutti i browser moderni, è valido anche in HTML5 e non richiede ulteriori attributi. Inoltre, è un tag vuoto, che per essere usato cor­ret­ta­men­te non richiede un tag </br> di chiusura. Il tag <br> può essere uti­liz­za­to alla fine e all’inizio delle righe e persino in elementi in linea come <strong>, <span> o <em> per collocare con pre­ci­sio­ne le in­ter­ru­zio­ni di riga manuali.

A cosa serve un’in­ter­ru­zio­ne di riga HTML?

Il tag <br> HTML può avere vari scopi, a seconda dei requisiti del testo e del ritorno a capo ne­ces­sa­rio. Fon­da­men­tal­men­te l’in­ter­ru­zio­ne di riga è uno strumento im­por­tan­te per inserire ritorni a capo nei testi e rea­liz­zar­li anche senza dover ricorrere a un più com­pli­ca­to styling CSS con margin o padding.

Altri scopi delle in­ter­ru­zio­ni di riga HTML sono:

  • La for­mat­ta­zio­ne e strut­tu­ra­zio­ne di testi: l’in­ter­ru­zio­ne di riga HTML consente di inserire ritorni a capo nei testi in modo rapido ed ef­fi­cien­te per as­si­cu­ra­re una maggiore leg­gi­bi­li­tà e una struttura più chiara del testo.
  • La creazione di testi HTML com­pa­ti­bi­li e coerenti: inserendo ritorni a capo con HTML ti assicuri che i testi siano vi­sua­liz­za­ti nei diversi browser e motori di ricerca in modo coerente e inal­te­ra­to. Lo stesso vale quando si lavora su documenti HTML con altri svi­lup­pa­to­ri e svi­lup­pa­tri­ci. Inoltre, poiché l’HTML è un com­po­nen­te es­sen­zia­le dei browser web, i ritorni a capo ga­ran­ti­sco­no che la struttura del testo resti invariata a pre­scin­de­re dal di­spo­si­ti­vo e dalla piat­ta­for­ma in uso.
  • La chiara strut­tu­ra­zio­ne della semantica HTML: con <br> indichi in quale punto desideri che sia inserito un ritorno a capo senza iniziare un nuovo paragrafo. Così ottimizzi la coerenza del corpo del testo ed eviti pro­gram­ma­zio­ni non chiare.
  • La sem­pli­ci­tà di im­ple­men­ta­zio­ne: usare il tag <br> HTML è par­ti­co­lar­men­te facile, perché non richiede altri attributi ag­giun­ti­vi o istru­zio­ni complesse. Si con­tri­bui­sce così a rea­liz­za­re una struttura HTML chiara e ordinata.
Acquista e registra il tuo dominio con il provider n°1 in Europa
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa

Quali sono i campi di ap­pli­ca­zio­ne delle in­ter­ru­zio­ni di riga HTML?

I ritorni a capo in HTML sono adatti anche nei campi di ap­pli­ca­zio­ne e nelle si­tua­zio­ni seguenti:

  • Poesie o testi di canzoni: con <br> è possibile definire i ritorni a capo es­sen­zia­li per as­si­cu­ra­re la com­pren­si­bi­li­tà e ri­spet­ta­re la for­mat­ta­zio­ne originale delle poesie o dei testi delle canzoni.
  • Indirizzi: le in­ter­ru­zio­ni di riga HTML as­si­cu­ra­no la corretta for­mat­ta­zio­ne degli indirizzi disposti su più righe.
  • Dati di contatto: con <br> è possibile rap­pre­sen­ta­re le in­for­ma­zio­ni di contatto in modo chiaro, su righe separate (numero di telefono, indirizzo e-mail o sito web).
  • Tabelle e layout di testo: il tag <br> si presta per rea­liz­za­re il formato di testo de­si­de­ra­to nelle celle delle tabelle o in presenza di de­ter­mi­na­ti requisiti di layout.

Anche se <br> è adatto alle più svariate ap­pli­ca­zio­ni, le in­ter­ru­zio­ni di riga HTML do­vreb­be­ro essere usate con par­si­mo­nia così da evitare di com­pro­met­te­re la coerenza semantica. Per layout di testo complessi, lo styling CSS o anche il tag style HTML possono essere la scelta più adatta per rap­pre­sen­ta­re gli elementi di testo.

Web Hosting
Diventa il n°1 della rete con il provider di hosting n°1 in Europa
  • Di­spo­ni­bi­li­tà garantita al 99,99%
  • Dominio, SSL ed e-mail inclusi
  • As­si­sten­za 24/7 in lingua italiana

La sintassi delle in­ter­ru­zio­ni di riga HTML

Le in­ter­ru­zio­ni di riga HTML sono tag <br> vuoti senza ulteriori attributi HTML e senza un tag di chiusura. I vantaggi dei ritorni a capo HTML sono dovuti proprio alla sem­pli­ci­tà della sintassi. La sintassi si presenta come segue:

Questa è la prima riga.<br>
Qui inizia la riga successiva.
html

L’output si presenta come segue:

Immagine: Esempio di interruzione di riga HTML
Con il tag br HTML, la seconda frase del nostro esempio inizia di­ret­ta­men­te nella nuova riga.
Consiglio

Vuoi saperne di più su HTML? Ti con­si­glia­mo di con­sul­ta­re il nostro tutorial su HTML per prin­ci­pian­ti, che ti offre uno sguardo rapido sull’amato lin­guag­gio di markup.

Paragrafi e in­ter­ru­zio­ni di riga

Oltre alle in­ter­ru­zio­ni di riga con <br>, per strut­tu­ra­re e for­mat­ta­re testi in HTML sono im­por­tan­ti anche i paragrafi con il tag <p>. La dif­fe­ren­za? Con il tag <br> si inserisce un’in­ter­ru­zio­ne di riga HTML all’interno dello stesso paragrafo, mentre con il tag <p> oltre ad andare a capo si crea anche un nuovo paragrafo.

Vai al menu prin­ci­pa­le