HTML 여백이란 무엇입니까?

HTML (하이퍼 텍스트 마크 업 언어) 여백은 요소 외부의 간격을 결정하는 속성입니다. 요소 내부 공간 인 패딩과 함께 컨텍스트에서 객체를 시각적으로 구성하는 데 사용할 수 있습니다. 미적 목적뿐만 아니라 읽기 편이성을 위해 여백이 필요할 수 있습니다. 요소가 서로 밀접하게 결합되면 웹 사이트가 사용자에게 큰 영향을 줄 수 있습니다. HTML 여백으로 올바른 간격을 유지하면 시각적으로 흥미롭지 만 압도적이지 않은보다 균형 잡힌 모양을 만듭니다.

개발자가 HTML 여백을 설정하면 최대 4 개의 값을 사용할 수 있습니다. 단일 값을 지정하면 브라우저는 객체 주변의 여백이 모든면에서 동일해야한다고 가정합니다. 두 값의 경우 상단과 하단에 첫 번째를 사용하고 왼쪽과 오른쪽에 두 번째를 사용합니다. 3 개의 값은 상단 여백, 측면 측정 및 하단을 나타냅니다. 네 개가 모두 정의 된 경우 브라우저는 지정된대로 위쪽, 왼쪽, 오른쪽 및 아래쪽을 설정합니다.

각 HTML 여백은 요소 외부 주위에 약간의 시각적 공간을 제공합니다. 전형적인 예에서, 웹 디자이너는 페이지 상단에 탐색 막대가있을 수 있습니다. 여백이 없으면 내용이있는 상자와 같은 다음 요소가 탐색 막대에 즉시 맞닿습니다. 이는 매우 유쾌하게 보이지 않으며 사용자가 사이트를 사용하기 어려울 수도 있습니다. HTML 여백은 내용 주위에 공간을 제공하여 메뉴와 내용 사이에 공간을 만들어 시각적으로 구분할 수 있습니다.

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

또 다른 고려 사항은 화면 크기 나 디스플레이를 변경할 수 있으며, 사용자가 가독성을 위해 콘텐츠를 확대하는 모바일 장치 나 컴퓨터에서 발생할 수 있습니다. 디자인이 유연하지 않은 경우 컨테이너에 내용물이 쏟아 지거나 페이지가 떨어지거나 제대로 확대되지 않을 수 있습니다. 이로 인해 사이트를 읽기가 어려울 수 있으며 경우에 따라 사용자가 전혀 액세스 할 수 없도록 콘텐츠가 손상 될 수 있습니다. 테스트에서 디자이너는 여러 다른 브라우저를 탐색하고 확대 및 축소를 실험하여 디스플레이에 어떤 일이 발생하는지 확인할 수 있습니다.