Lo spazio su un sito web sembra essere una cosa abbastanza semplice. Ma la prima volta che provi a battere più volte la chiave e non riesci a visualizzare quelle informazioni sulla tua pagina, ti renderai conto che non è così semplice come sembra.
Esistono diversi modi per creare spazio su un sito Web. I primi due sono con tag HTML:
…
Il marcatore di paragrafo di solito mette uno spazio tra gli oggetti. Funziona come un'interruzione di paragrafo.
Tuttavia, diversi
I numeri di fila non faranno altro che ingombrare la tua pagina. Alcuni editor metteranno
in posti per aggiungere più spazio, ma questo in realtà non sta usando il
tag, ma piuttosto il personaggio, che arriveremo in un minuto.
Il
tag ha lo scopo di mettere solo un'interruzione di riga singola 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.
Margine e riempimento CSS
Un altro modo per aggiungere spazio ai documenti della pagina Web consiste nell'utilizzare il margine e il riempimento delle proprietà CSS. Questo è un modo molto migliore per ottenere esattamente la quantità di spazio che vuoi tra i tuoi elementi. E puoi influenzare molto di più dello spazio verticale in un documento.
Lo spazio senza interruzioni ()
Infine, c'è lo spazio senza interruzioni. Questa entità di carattere agisce esattamente come un normale spazio di testo, salvo che il browser tratta ciascuna di esse individualmente.
Se metti quattro di fila, il browser metterà quattro spazi nel testo.
Nota, i browser più vecchi potrebbero non rendere più spazi infiniti.
Utilizzo di spazi senza interruzioni nelle tabelle
Le tabelle si chiuderanno o si romperanno spesso se non includi qualcosa nella cella per tenerlo aperto. Ad esempio: utilizzare il seguente codice HTML per creare una tabella con una grondaia da 30 pixel:
Ci dovrebbe essere una piccola quantità di spazio a sinistra di questo testo. Alcuni browser lo visualizzeranno correttamente, ma molti ignoreranno la richiesta di larghezza della tabella e metteranno il testo a filo con il margine sinistro. Molto noioso! |
Per evitare la rottura della colonna della tabella, utilizzare uno spazio non interrotto:
| Ci dovrebbe essere una piccola quantità di spazio a sinistra di questo testo. Con la maggior parte dei browser lo visualizzerà correttamente. |
