HTML 마진은 무엇입니까?

HTML (HyperText Markup 언어) 마진은 외부 외부 요소를 결정하는 속성입니다. 객체를 시각적으로 정리하기 위해 패딩, 내부의 공간 내부의 공간과 관련하여 컨텍스트에서 사용할 수 있습니다. 미적 목적뿐만 아니라 독서의 용이성을 위해 여백이 필요할 수 있습니다. 요소가 밀접하게 뭉개지면 웹 사이트에 사용자에게 튀어 나올 수있는 바쁜 모습을 줄 수 있습니다. HTML 마진으로 올바른 간격을두면 시각적으로 흥미롭지 만 압도적이지 않은 균형 잡힌 외관을 만듭니다.

개발자가 HTML 마진을 설정하면 최대 4 가지 값이 소요될 수 있습니다. 단일 값이 주어지면 브라우저는 물체 주변의 여백이 모든면에서 동일해야한다고 가정합니다. 두 값의 경우 상단과 하단의 첫 번째 값, 왼쪽 및 오른쪽에는 두 번째 값이 사용됩니다. 세 가지 값은 상단 마진, 측면의 측정 및 하단을 설명합니다. 4 개 모두 정의 된 경우 브라우저는 Specifif로 상단, 왼쪽, 오른쪽 및 하단을 설정합니다.IED.

각 HTML 마진은 요소 외부 주변의 시각적 공간을 제공합니다. 전형적인 예에서는 웹 디자이너가 페이지 상단에 내비게이션 바가있을 수 있습니다. 여백이 없으면 내용이있는 상자와 같은 다음 요소가 내비게이션 바에 즉시 엉망이됩니다. 이것은 그다지 즐거워 보이지 않으며 사용자가 사용하기가 어려울 수도 있습니다. HTML 마진은 컨텐츠 주위의 공간을 제공하여 메뉴와 콘텐츠 사이의 클리어런스를 만들어 시각적으로 분리 할 수 ​​있습니다.

디자이너는 HTML 마진을 백분율 또는 EM 또는 픽셀과 같은 값으로 설정할 수 있습니다. 최상의 옵션은 디자이너의 선호도와 사이트의 전반적인 모양과 느낌에 따라 다를 수 있습니다. 설계에서 일관된 측정을 사용하는 것이 중요합니다. 예를 들어 여백이 백분율로 주어지면 충돌을 피하기 위해 패딩해야합니다.

또 다른 고려 사항은 Scree로 변경 될 수 있습니다N 크기 또는 디스플레이. 사용자가 가독성을 위해 콘텐츠를 확대하는 모바일 장치 또는 컴퓨터에서 발생할 수 있습니다. 디자인이 유연하지 않은 경우 컨텐츠가 컨테이너에서 쏟아지거나 페이지를 끄거나 제대로 확대하지 못할 수 있습니다. 이로 인해 사이트를 읽기가 어려워 질 수 있으며 경우에 따라 사용자가 컨텐츠에 전혀 액세스 할 수 없습니다. 테스트에서 설계자는 여러 다른 브라우저를 탐색하고 배율 및 수축을 실험하여 디스플레이에 어떤 일이 발생하는지 확인할 수 있습니다.