Hva er en HTML-margin?
En HTML-margin (hypertext markup language) er en egenskap som bestemmer avstanden utenfor elementene. Det kan brukes i sammenheng med polstring, plassen i elementene, for å organisere objekter visuelt. Marginer kan være nødvendige for lesing og estetiske formål. Når elementer er tett tett sammen, kan det gi et nettsted et travelt utseende som kan være en ulempe for brukerne. Riktig avstand med en HTML-margin skaper et mer balansert, jevnt utseende som forblir visuelt interessant, men ikke overveldende.
Når en utvikler setter HTML-margin, kan det ta opptil fire verdier. Hvis det gis en enkelt verdi, vil nettleseren anta at marginene rundt objektet skal være de samme på alle sider. For to verdier vil den bruke den første for topp og bunn, og den andre for venstre og høyre. Tre verdier skisserer toppmarginen, målingene på sidene og bunnen. I tilfeller der alle fire er definert, vil nettleseren angi toppen, venstre, høyre og bunn som spesifisert.
Hver HTML-margin gir litt visuelt rom rundt utsiden av et element. I et klassisk eksempel kan en webdesigner ha en navigasjonslinje øverst på siden. Uten marginer, ville det neste elementet, som en boks med innhold, slå seg umiddelbart opp mot navigasjonsfeltet. Dette vil ikke se veldig hyggelig ut, og det kan også gjøre nettstedet vanskelig for brukerne å bruke. En HTML-margin kan gi plass rundt innholdet og skape avstand mellom menyen og innholdet for å skille dem visuelt.
Designere kan angi en HTML-margin som en prosentandel, eller i en verdi som em eller piksler. Det beste alternativet kan avhenge av designerens preferanser og det generelle utseendet og innholdet på nettstedet. Det er viktig å bruke konsistente målinger i designet. Hvis marginer er oppgitt i prosent, for eksempel bør også polstring, for å unngå konflikter.
En annen vurdering kan være endringer i skjermstørrelse eller skjerm, som kan forekomme på mobile enheter eller datamaskiner der brukere forstørrer innholdet for lesbarhet. Hvis designen ikke er fleksibel, kan innhold søl ut av containere, løpe av siden eller ikke forstørre ordentlig. Dette kan gjøre nettstedet vanskelig å lese, og i noen tilfeller kan det ødelegge innholdet slik at brukerne ikke får tilgang til det i det hele tatt. Ved testing kan designere utforske flere forskjellige nettlesere og kunne eksperimentere med forstørrelse og krymping for å se hva som skjer med skjermen.