HTML 패딩이란 무엇입니까?

HTML (Hypertext Markup Language) 패딩은 디자이너가 컨텐츠와 컨텐츠를 포함하는 요소의 경계 사이의 거리를 지정하는 데 사용할 수있는 설정입니다. 이것은 다른 요소 사이의 공간 인 여백과 다릅니다. 이 속성은 디자인의 모양과 느낌에 영향을주기 위해 HTML 또는 CSS (Cascading Style Sheet)로 설정할 수 있습니다. 일부 HTML 패딩은 올바르게 표시하기 위해 미적으로 필요할 수도 있고, 컨텐츠의 기능에 중요 할 수 있으며, 적절한 여백 없이는 읽을 수 없습니다.

디자이너는 선호도 및 프로젝트 특성에 따라 패딩 양을 em, 백분율, 픽셀 또는 포인트로 지정할 수 있습니다. 사용할 단위를 결정할 때 모든 요소가 잘 작동하도록 디자인 전체에서 일관성을 유지하는 것이 좋습니다. 예를 들어 HTML 패딩이 한 곳에서 픽셀 단위로 측정되는 경우 다른 곳에서도 픽셀 단위로 측정해야합니다.

모든 경우에 HTML 패딩은 웹 브라우저에 내용의 가장자리와 포함하는 요소의 테두리 사이에 빈 공간을 만들도록 지시합니다. 예를 들어, 테이블에서 사람들은 일반적으로 텍스트를 필드의 가장자리에 바로 갖기를 원하지 않습니다. 테이블을 읽기가 어렵 기 때문입니다. 내용 주위에 공백을 만들기 위해 패딩을 추가하고 필드 배열을보다 쉽게 ​​볼 수 있습니다.

디자이너는 위쪽, 아래쪽 및 측면에 HTML 패딩을 지정하여 컨테이너 내부의 내용 모양을 엄격하게 제어 할 수 있습니다. 원하는 경우 컨테이너 사이에 추가 여백을 추가 할 수도 있습니다. 예를 들어 블로그에서 작성자는 기본 컨텐츠와 함께 제공되는 사이드 바를 작성하려고 할 수 있습니다. 여백과 경계는 블로그 게시물의 내용과 명확하게 구분할 수 있습니다. 패딩을 사용하면 사이드 바의 내용이 테두리에 닿지 않게되어 매우 매력적으로 보일 수 있습니다.

운영 체제, 브라우저 버전 및 모니터는 모두 웹에서 컨텐츠가 표시되는 방식에 영향을 줄 수 있습니다. 설계자는 웹 페이지를 개발할 때 최대한 많은 사용자에게 도달하기 위해 대부분의 웹 사용자가 컨텐츠를 읽을 수 있도록하기 위해이 점을 고려해야합니다. 고려해야 할 또 다른 문제는 사용자가 텍스트 크기를 늘리거나 줄일 경우 발생할 수있는 문제입니다. HTML 패딩과 같은 속성은 텍스트 오버런 및 기타 문제를 방지하여 사용자가 비전 또는 모바일 장치의 글꼴 크기를 조정하기 어려울 수 있습니다.