Che cos'è un'interruzione di riga HTML?
In HyperText Markup Language (HTML), un'interruzione di riga è un tag o una proprietà CSS (foglio di stile a cascata) che fa sì che il visualizzatore HTML o il browser Web scenda immediatamente alla riga disponibile successiva e disegnino l'elemento successivo, a partire dal margine. Esistono due modi generalmente accettati per inserire un'interruzione di riga HTML in un documento. Il primo è usare il tag break (BR), costringendo il browser ad avviare gli elementi successivi sulla riga successiva, allineati al bordo sinistro. L'altra opzione consiste nell'utilizzare diverse proprietà CSS per definire bordi, grondaie o spaziatura attorno agli elementi a livello di blocco per creare spazio aperto, sebbene questo metodo non influisca sulla disposizione delle parole in un documento.
Uno dei principi di progettazione dell'HTML è che al browser è generalmente consentito avere un certo controllo sul layout delle pagine Web. Ciò consente a siti ben progettati di avere un aspetto molto fluido, indipendentemente dalle dimensioni del display. Quando viene disegnato un paragrafo, il browser è di solito incaricato di trovare il posto giusto per terminare una linea, di solito al margine destro di un blocco. L'uso di un'interruzione di riga HTML implicita interrompe questo processo.
Il tag BR è il modo più semplice per terminare una linea e spostarsi verso il basso. L'uso del tag è generalmente accettato per alcune formattazioni minori, anche se il suo uso è visto come l'unico modo per definire i paragrafi in un documento. Il tag di paragrafo è preferito per separare aree di testo, poiché crea un blocco che può essere manipolato con CSS o altri tag, mentre il tag di interruzione di riga HTML è solo e non racchiude un blocco. Il tag di interruzione può essere utilizzato all'interno di un blocco di paragrafo, in gran parte per impedire al browser di utilizzare due interruzioni tra paragrafi, che è il comportamento predefinito.
Un altro metodo utilizzato per causare un'interruzione di riga è aumentare la dimensione di una casella di testo con proprietà CSS. Ciò estende efficacemente il fondo di un contenitore in modo da lasciare spazio dopo di esso. Questo può sembrare lo stesso che usare un tag di interruzione o paragrafo, tranne per il fatto che il testo all'interno del contenitore non viene modificato, quindi il wrapping delle parole è ancora ampiamente controllato dal browser.
Un'area in cui potrebbe essere necessario specificare un'interruzione di riga HTML è quando il testo si avvolge attorno a un'immagine incorporata. Un modo semplice per creare paragrafi formattati in modo chiaro che si trovano sul lato di un'immagine è utilizzare il modificatore CLEAR per il tag di interruzione di riga HTML. Ciò consente di specificare se un'interruzione di linea deve continuare normalmente o passare alla riga disponibile successiva dopo un'immagine. È anche possibile creare stili CSS che imiteranno questo comportamento, anche se in determinate circostanze potrebbe non essere fluido.