Skip to main content

HTML 마진은 무엇입니까?

HTML (HyperText Markup Language) 마진은 간격 외부 요소를 결정하는 속성입니다.객체를 시각적으로 정리하기 위해 패딩, 내부의 공간 내부의 공간과 관련하여 컨텍스트에서 사용할 수 있습니다.미적 목적뿐만 아니라 독서의 용이성을 위해 여백이 필요할 수 있습니다.요소가 밀접하게 뭉개지면 웹 사이트에 사용자에게 튀어 나올 수있는 바쁜 모습을 줄 수 있습니다.HTML 마진으로 올바른 간격을두면 시각적으로 흥미롭지 만 압도적이지 않은 균형 잡힌 외관을 만듭니다.단일 값이 주어지면 브라우저는 물체 주변의 여백이 모든면에서 동일해야한다고 가정합니다.두 값의 경우 상단과 하단의 첫 번째 값, 왼쪽 및 오른쪽에는 두 번째 값이 사용됩니다.세 가지 값은 상단 마진, 측면의 측정 및 하단을 설명합니다.4 개 모두 정의 된 경우 브라우저는 지정된대로 상단, 왼쪽, 오른쪽 및 하단을 설정합니다.전형적인 예에서는 웹 디자이너가 페이지 상단에 내비게이션 바가있을 수 있습니다.여백이 없으면 내용이있는 상자와 같은 다음 요소가 내비게이션 바에 즉시 엉망이됩니다.이것은 그다지 즐거워 보이지 않으며 사용자가 사용하기가 어려울 수도 있습니다.HTML 마진은 컨텐츠 주위의 공간을 제공하여 메뉴와 컨텐츠 사이의 클리어런스를 생성하여 시각적으로 분리 할 수 있습니다.

디자이너는 HTML 마진을 백분율 또는 EM 또는 픽셀과 같은 값으로 설정할 수 있습니다.최상의 옵션은 디자이너의 선호도와 사이트의 전반적인 모양과 느낌에 따라 다를 수 있습니다.설계에서 일관된 측정을 사용하는 것이 중요합니다.예를 들어 마진이 백분율로 주어지면 충돌을 피하기 위해 패딩해야합니다.디자인이 유연하지 않은 경우 컨텐츠가 컨테이너에서 쏟아지거나 페이지를 끄거나 제대로 확대하지 못할 수 있습니다.이로 인해 사이트를 읽기가 어려워 질 수 있으며 경우에 따라 사용자가 컨텐츠에 전혀 액세스 할 수 없습니다.테스트에서 디자이너는 여러 다른 브라우저를 탐색하고 배율 및 수축을 실험하여 디스플레이에 어떤 일이 발생하는지 확인할 수 있습니다.