Ruimte op een website lijkt een vrij eenvoudige zaak. Maar de eerste keer dat u de toets meerdere keren probeert te raken en die informatie niet op uw pagina staat, zult u zich realiseren dat het niet zo eenvoudig is als het eruit ziet.
Er zijn verschillende manieren om ruimte te creëren op een website. De eerste twee zijn met HTML-tags:
…
De alineamarkering plaatst meestal een spatie tussen items. Het fungeert als een alinea-einde.
Verschillende echter
op een rij doet niets anders dan je pagina te overladen. Sommige editors zullen plaatsen
op plaatsen om meer ruimte toe te voegen, maar deze gebruikt echt niet de
tag, maar eerder het personage, waar we zo dadelijk naar toe gaan.
De
tag is bedoeld om slechts één regelbreuk in de tekststroom te plaatsen. Het kan echter meerdere keren achter elkaar worden gebruikt om lange rijen lege ruimte te maken. Het probleem is dat u de hoogte en breedte van de ruimte niet kunt definiëren en dat dit automatisch de breedte van de pagina is.
CSS-marge en opvulling
Een andere manier om ruimte toe te voegen aan uw webpaginadocumenten is om de CSS-eigenschappenmarge en padding te gebruiken. Dit is een veel betere manier om precies de hoeveelheid ruimte te krijgen die u tussen uw elementen wilt. En u kunt meer beïnvloeden dan alleen de verticale ruimte in een document.
De niet-openbrekende ruimte ()
Eindelijk is er de niet-afbrekende ruimte. Deze karakterentiteit werkt precies zoals een normale tekstruimte, behalve dat de browser elke tekst afzonderlijk behandelt.
Als u er vier op een rij zet, plaatst de browser vier spaties in de tekst.
Let op, oudere browsers kunnen niet meerdere niet-openstaande spaties weergeven.
Non-Breaking Spaces in tables gebruiken
Tafels zullen vaak sluiten of breken als je iets niet in de cel opneemt om het open te houden. Bijvoorbeeld: gebruik de volgende HTML om een tabel met een goot van 30 pixels te maken:
Er moet een kleine hoeveelheid ruimte aan de linkerkant van deze tekst zijn. Sommige browsers geven het correct weer, maar velen negeren de tabelbreedteaanvraag en plaatsen de tekst gelijk met de linkermarge. Heel irritant! |
Gebruik een niet-afbrekende spatie om te voorkomen dat de kolom in de tabel breekt:
| Er moet een kleine hoeveelheid ruimte aan de linkerkant van deze tekst zijn. Met de meeste browsers wordt dit correct weergegeven. |
