Co je to marže HTML?

Okraj jazyka HTML (HTML) je vlastnost, která určuje mezery mimo elementy. Může být použit v souvislosti s čalouněním, prostorem uvnitř prvků, pro vizuální uspořádání objektů. Okraje mohou být nezbytné pro snadné čtení i pro estetické účely. Pokud jsou prvky těsně spojeny dohromady, může to webové stránce zaneprázdnit pohled, který může být pro uživatele nepříjemný. Správné mezery s okrajem HTML vytvoří vyváženější a rovnoměrnější vzhled, který zůstává vizuálně zajímavý, ale ne ohromující.

Když vývojář nastaví okraj HTML, může trvat až čtyři hodnoty. Pokud je zadána jediná hodnota, prohlížeč předpokládá, že okraje kolem objektu by měly být na všech stranách stejné. Pro dvě hodnoty použije první pro horní a dolní a druhou pro levou a pravou. Tři hodnoty naznačují horní okraj, měření po stranách a dole. V případě, že jsou definovány všechny čtyři, prohlížeč nastaví horní, levou, pravou a dolní část podle zadání.

Každý okraj HTML poskytuje určitý vnější prostor kolem vnějšího prvku. V klasickém příkladu může mít webový designér navigační lištu v horní části stránky. Bez okrajů by další prvek, jako krabička s obsahem, okamžitě narazil na navigační lištu. To by nevypadalo moc příjemně a také by to uživatelům ztěžovalo používání. Okraj HTML může poskytnout prostor kolem obsahu a vytvořit mezeru mezi nabídkou a obsahem pro jejich vizuální oddělení.

Návrháři mohou nastavit okraj HTML jako procento nebo v hodnotě jako em nebo pixely. Nejlepší volba může záviset na preferencích návrháře a na celkovém vzhledu a pocitu stránky. Při návrhu je důležité používat konzistentní měření. Pokud jsou marže uváděny například v procentech, mělo by se také vycpávat, aby nedošlo ke konfliktům.

Dalším hlediskem mohou být změny velikosti nebo zobrazení obrazovky, ke kterým může dojít na mobilních zařízeních nebo počítačích, kde uživatelé zvětšují obsah kvůli čitelnosti. Pokud návrh není flexibilní, může se obsah vysypat z kontejnerů, vytéct ze stránky nebo se nemusí správně zvětšit. Díky tomu může být web obtížně čitelný a v některých případech může dojít k poškození obsahu, takže k němu uživatelé nebudou mít přístup. Při testování mohou návrháři prozkoumat několik různých prohlížečů a mohli experimentovat se zvětšením a smrštěním, aby zjistili, co se stane s displejem.