Skip to main content

Hva er en HTML -margin?

En margin med hypertekstmarkeringsspråk (HTML) er en egenskap som bestemmer avstanden utenfor elementer.Det kan brukes i sammenheng med polstring, plassen inne i elementer, for å organisere gjenstander visuelt.Marginer kan være nødvendige for enkel lesing så vel som estetiske formål.Når elementer er proppet tett sammen, kan det gi et nettsted et travelt utseende som kan være vanskelig for brukere.Riktig avstand med en HTML -margin skaper et mer balansert, til og med utseende som forblir visuelt interessant, men ikke overveldende.

Når en utvikler setter HTML -margen, kan det ta opptil fire verdier.Hvis en enkelt verdi er gitt, vil nettleseren anta at marginene rundt objektet skal være den samme på alle sider.For to verdier vil den bruke det 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 stille topp, venstre, høyre og bunn som spesifisert.

hver HTML -margin gir noe visuelt rom rundt utsiden av et element.I et klassisk eksempel kan en webdesigner ha en navigasjonslinje øverst på en side.Uten marginer ville det neste elementet, som en boks med innhold, rumpe umiddelbart opp mot navigasjonslinjen.Dette ville ikke se veldig hyggelig ut, og kan også gjøre nettstedet vanskelig for brukere å bruke.En HTML -margin kan gi plass rundt innholdet, og skape klaring mellom menyen og innholdet for å skille dem visuelt.

Designere kan stille en HTML -margin i prosent, eller i en verdi som EM eller piksler.Det beste alternativet kan avhenge av designerens preferanser og det generelle utseendet og følelsen av nettstedet.Det er viktig å bruke konsistente målinger i designet.Hvis marginer er gitt i prosenter, for eksempel, bør polstring, for å unngå konflikter.

En annen vurdering kan være endringer i skjermstørrelsen eller visningen, noe som kan oppstå på mobile enheter eller datamaskiner der brukere forsterker innholdet for lesbarhet.Hvis designen ikke er fleksibelt, kan innholdet søle ut av containere, løpe av siden eller ikke klarer å forstørre ordentlig.Dette kan gjøre nettstedet vanskelig å lese, og i noen tilfeller kan det bryte innholdet slik at brukere ikke får tilgang til det i det hele tatt.Ved testing kan designere utforske flere forskjellige nettlesere og kan eksperimentere med forstørrelse og krymping for å se hva som skjer med displayet.