Wat is een HTML-marge?
Een marge voor hypertext markup language (HTML) is een eigenschap die de afstand buiten elementen bepaalt. Het kan worden gebruikt in samenhang met opvulling, de ruimte in elementen, om objecten visueel te ordenen. Marges kunnen nodig zijn voor leesgemak en esthetische doeleinden. Wanneer elementen dicht bij elkaar staan, kan het een website een drukke uitstraling geven die gebruikers misschien onaangenaam vindt. Correcte spatiëring met een HTML-marge zorgt voor een meer gebalanceerde, gelijkmatige weergave die visueel interessant blijft, maar niet overweldigend.
Wanneer een ontwikkelaar de HTML-marge instelt, kan deze tot vier waarden aannemen. Als een enkele waarde wordt opgegeven, gaat de browser ervan uit dat de marges rondom het object aan alle kanten hetzelfde moeten zijn. Voor twee waarden gebruikt het de eerste voor de boven- en onderkant en de tweede voor links en rechts. Drie waarden omlijnen de bovenmarge, de metingen aan de zijkanten en de onderkant. In gevallen waarin alle vier zijn gedefinieerd, stelt de browser de boven-, linker-, rechter- en onderkant in zoals gespecificeerd.
Elke HTML-marge biedt wat visuele ruimte rond de buitenkant van een element. In een klassiek voorbeeld kan een webdesigner een navigatiebalk bovenaan een pagina hebben. Zonder marges zou het volgende element, zoals een doos met inhoud, onmiddellijk tegen de navigatiebalk aanliggen. Dit ziet er niet erg prettig uit en kan de site ook moeilijk te gebruiken maken voor gebruikers. Een HTML-marge kan ruimte bieden rond de inhoud, waardoor ruimte ontstaat tussen het menu en de inhoud om ze visueel te scheiden.
Ontwerpers kunnen een HTML-marge instellen als een percentage, of in een waarde zoals em of pixels. De beste optie kan afhangen van de voorkeuren van de ontwerper en het algemene uiterlijk van de site. Het is belangrijk om consistente metingen in het ontwerp te gebruiken. Als marges bijvoorbeeld in percentages worden gegeven, moet dit ook worden opgevuld om conflicten te voorkomen.
Een andere overweging kan zijn veranderingen in schermgrootte of weergave, die kunnen optreden op mobiele apparaten of computers waar gebruikers de inhoud vergroten voor leesbaarheid. Als het ontwerp niet flexibel is, kan er inhoud uit containers komen, van de pagina lopen of niet goed worden vergroot. Dit kan de site moeilijk leesbaar maken en in sommige gevallen kan de inhoud breken zodat gebruikers er helemaal geen toegang toe hebben. Tijdens het testen kunnen ontwerpers verschillende browsers verkennen en kunnen ze experimenteren met vergroting en krimp om te zien wat er met het scherm gebeurt.