Mis on HTML-i veeris?

Hüperteksti märgistuskeele (HTML) veeris on omadus, mis määrab väliste elementide vahekauguse. Seda saab kasutada kontekstis polsterdusega, elementide sees oleva ruumiga, objektide visuaalseks korraldamiseks. Veerised võivad olla vajalikud nii lugemise hõlbustamiseks kui ka esteetilistel eesmärkidel. Kui elemendid on tihedalt kokku surutud, võib see anda veebisaidile hõivatud ilme, mis võib kasutajaid häirida. Õige vahekaugus HTML-i veerisega loob tasakaalustatuma ja ühtlasema välimuse, mis jääb visuaalselt huvitavaks, kuid mitte üle jõu käivaks.

Kui arendaja määrab HTML-i veerise, võib see võtta kuni neli väärtust. Kui antakse üks väärtus, eeldab brauser, et veerised objekti ümber peavad olema kõigil külgedel ühesugused. Kahe väärtuse puhul kasutab see esimest ülemise ja alumise ning teist vasaku ja parema väärtuse jaoks. Kolm väärtust kirjeldavad ülemist veerist, külgedel olevaid mõõtmeid ja alumist. Juhtudel, kui kõik neli on määratletud, määrab brauser üla-, vasaku-, parema- ja alumise osa, nagu on määratud.

Iga HTML-i veeris pakub elemendi välisküljele visuaalset ruumi. Klassikalises näites võib veebidisaineril olla lehe ülaosas navigeerimisriba. Ilma veeristeta oleks järgmine element, nagu sisuga kast, kohe vastu navigeerimisriba. See ei tunduks eriti meeldiv ja võib muuta saidi kasutajatele keeruliseks. HTML-i veeris võiks anda sisu ümber ruumi, luues menüü ja sisu vahele ruumi, et neid visuaalselt eraldada.

Disainerid saavad määrata HTML-i marginaali protsendina või väärtusena, nagu em või pikslid. Parim valik võib sõltuda disaineri eelistustest ning saidi üldisest välimusest ja tundest. Projekteerimisel on oluline kasutada ühtseid mõõtmisi. Kui veerised on antud näiteks protsentides, tuleks konfliktide vältimiseks ka polsterdada.

Teine kaalutlus võib olla ekraani suuruse või kuva muutmine, mis võib ilmneda mobiilseadmetes või arvutites, kus kasutajad suurendavad sisu loetavuse huvides. Kui kujundus ei ole paindlik, võib sisu mahutitest välja valguda, lehelt välja voolata või ei õnnestu korralikult suurendada. See võib muuta saidi raskesti loetavaks ja mõnel juhul rikkuda sisu, nii et kasutajad ei pääse sellele üldse juurde. Testimisel võivad disainerid uurida mitut erinevat brauserit ning katsetada suurendamise ja kahanemisega, et näha, mis ekraaniga juhtub.