Creazione di spazi bianchi con i tag 'p' e 'br'

Cosa sapere

  • Usa il tag di paragrafo per posizionare uno spazio tra due elementi.
  • Utilizzare il tag di interruzione del collegamento più volte di seguito per creare una lunga stringa di spazi vuoti.
  • Avvolgere uno spazio unificatore in un elemento di paragrafo per forzare un browser a visualizzare righe vuote consecutive.

Questo articolo spiega diversi modi per creare uno spazio vuoto utilizzando i tag di paragrafo, interruzione di riga e spazio unificatore.

Tag di paragrafo

Il modo migliore per effettuare la spaziatura e il posizionamento su una pagina web è applicare fogli di stile specifici. Tuttavia, in casi limitati, il markup HTML svolge il lavoro.

L'indicatore di paragrafo di solito inserisce uno spazio tra gli elementi. Funziona come un'interruzione di paragrafo. I browser ignorano gli elementi di paragrafo vuoti ripetuti, quindi l'aggiunta di spazi vuoti non aggiungerà necessariamente spazi extra.

L'interruzione di linea

Il tag di interruzione di riga ha lo scopo di inserire solo una singola interruzione di riga nel flusso del testo. Tuttavia, può essere utilizzato più volte di seguito per creare lunghe stringhe di spazio vuoto. Il problema è che non puoi definire l'altezza e la larghezza dello spazio, ed è automaticamente la larghezza della pagina.

instagram viewer

Lo spazio che non si rompe

Infine, c'è lo spazio indistruttibile. Questa entità carattere si comporta esattamente come farebbe un normale spazio di testo, tranne per il fatto che il browser tratta ciascuno individualmente. Se ne metti quattro di fila, il browser ne metterà quattro spazi nel testo.

La stringa HTML inserisce uno spazio unificatore. Avvolgere uno spazio unificatore all'interno di un elemento di paragrafo per "forzare" il browser per visualizzare diverse righe vuote consecutive.

I browser meno recenti potrebbero non eseguire il rendering di più spazi unificatori.

instagram story viewer