Toelichting:
Na elkaar komende gewone spaties in de html-code worden altijd weergegeven alsof het maar één spatie is.
Om extra spaties toe te voegen, moet inderdaad de code
gebruikt worden. Dat betekent: "
non
breaking
space" = een spatie die niet gebroken kan worden = de twee woorden waartussen zo'n spatie zit, worden inclusief die spatie als één woord gezien.
Zou het eerste woord nog net op een regel passen, maar het tweede woord niet, dan komt het geheel inclusief de spatie op de volgende regel te staan.
Voorbeeld:
HTML:
<p>Dit is een alinea waarin Coca Cola als één geheel moet worden weergegeven.</p>
- Je ziet gewoon "Coca Cola" staan op het scherm.
- Als "Cola" niet meer op de regel zou passen, zou normaal gesproken "Coca" op de eerste regel staan, en "Cola" op de volgende regel. De gewone spatie tussen "Coca" en "Cola" zorgt ervoor dat de browser de regel afbreekt op de spatie.
- Maar door de wordt "Coca Cola" als een geheel gezien, en komt nu "Coca" niet meer aan het eind van de eerste regel, maar samen met de spatie en "Cola" aan het begin van de tweede regel.
- Opmerking: voor of na een kan ook een gewone spatie komen: samen zijn het dan twee spaties!
- En 's met gewone spaties ertussen worden weer wel afgebroken (op de gewone spaties).
Maar als je bv. in KompoZer werkt in de "normale" (WYSIWYG) weergave, en daar extra spaties toevoegt, blijkt deze er automatisch de nodige
's in te zetten.
Normale weergave, als er 5 spaties tussen a en b en tussen b en c worden getikt:
Kijk je onder water, dan zie je dit in de code-weergave:
Hier gaat het dus vanzelf goed.
Maar attentie!
Wat wel meespeelt, is dat de breedte van een gewone spatie en ook van een
afhankelijk is van de lettergrootte van de alinea waar de spatie in staat.
Dat betekent: als de bezoeker een grotere lettergrootte instelt in z'n/h'r browser, neemt de breedte van de spatie toe.
En dat kan weer gevaarlijk zijn als de spaties bv. gebruikt worden om een afstandje tussen een serie afbeeldingen te maken.
- Bij een groter ingestelde lettergrootte heb je dan kans dat de laatste afbeelding er niet meer op past, en gedropt wordt naar vooraan op de volgende regel!
- Dit kan je bv. vermijden door géén spaties tussen de afbeeldingen te gebruiken, maar de afbeeldingen met de css-eigenschap "margin-left" en/of "margin-right" op een bepaalde afstand (in pixels) van elkaar te zetten: die veranderen niet met de lettergrootte, en dan past het rijtje afbeeldingen er altijd op.
Met vriendelijke groet,
CSShunter