Vad är en HTML-marginal?
En HTML-marginal för hypertekstmarkering är en egenskap som bestämmer avståndet utanför elementen. Det kan användas i sammanhang med stoppning, utrymmet inuti element, för att organisera objekt visuellt. Marginaler kan vara nödvändiga för läsning och estetiska ändamål. När element är trångt tätt ihop kan det ge en webbplats en upptagen look som kan vara en försvagande för användare. Korrekt avstånd med en HTML-marginal skapar ett mer balanserat, jämnt utseende som förblir visuellt intressant, men inte överväldigande.
När en utvecklare ställer in HTML-marginalen kan det ta upp till fyra värden. Om ett enda värde anges kommer webbläsaren att anta att marginalerna runt objektet ska vara desamma på alla sidor. För två värden använder den den första för topp och botten och den andra för vänster och höger. Tre värden visar toppmarginal, mätningar vid sidorna och botten. I de fall där alla fyra är definierade ställer webbläsaren upp, till vänster, höger och botten som anges.
Varje HTML-marginal ger lite visuellt utrymme runt utsidan av ett element. I ett klassiskt exempel kan en webbdesigner ha en navigeringsfält högst upp på en sida. Utan marginaler skulle nästa element, som en ruta med innehåll, stötta omedelbart mot navigeringsfältet. Det här ser inte så trevligt ut och kan också göra webbplatsen svår för användarna att använda. En HTML-marginal kan ge utrymme runt innehållet och skapa avstånd mellan menyn och innehållet för att separera dem visuellt.
Formgivare kan ställa in en HTML-marginal i procent eller i ett värde som em eller pixlar. Det bästa alternativet kan bero på designerns preferenser och webbplatsens övergripande utseende och känsla. Det är viktigt att använda konsekventa mätningar i designen. Om marginalerna anges i procentsatser, till exempel så bör vadderingen bör, för att undvika konflikter.
Ett annat övervägande kan vara ändringar av skärmstorlek eller skärm, som kan förekomma på mobila enheter eller datorer där användare förstorar innehållet för läsbarhet. Om designen inte är flexibel kan innehållet spillas ut ur behållare, springa av sidan eller inte förstoras ordentligt. Detta kan göra webbplatsen svår att läsa, och i vissa fall kan det bryta innehållet så att användare inte kan komma åt det alls. Vid testning kan designers utforska flera olika webbläsare och kan experimentera med förstoring och krympning för att se vad som händer med skärmen.