Skip to main content

HTML 패딩이란 무엇입니까?

HTML (HyperText Markup Language) 패딩은 디자이너가 컨텐츠와 포함 된 요소의 경계 사이의 거리를 지정하는 데 사용할 수있는 설정입니다.이것은 다른 요소들 사이의 공간 인 마진과 다릅니다.이 속성은 HTML 또는 계단식 스타일 시트 (CSS)로 설정하여 디자인의 모양과 느낌에 영향을 줄 수 있습니다.일부 HTML 패딩은 옳은 모습을 얻기 위해 미적으로 필요하거나 적절한 마진 없이는 읽을 수없는 컨텐츠 기능에 중요 할 수 있습니다.

디자이너는 EM, 백분율, 픽셀, 패딩의 양을 지정할 수 있습니다.또는 프로젝트의 선호도와 특성에 따라 포인트.어떤 장치를 사용할 것인지 결정할 때, 모든 요소가 함께 잘 작동하도록 설계 전체에서 일관성을 유지하는 것이 좋습니다.예를 들어 HTML 패딩이 한 곳에서 픽셀로 측정되는 경우 다른 곳에서도 픽셀로 측정해야합니다.함유 요소의.예를 들어, 테이블에서 사람들은 일반적으로 텍스트가 필드의 가장자리에 맞게 바로 달리는 것을 원하지 않습니다. 이로 인해 테이블을 읽기가 어려울 수 있기 때문입니다.컨텐츠 주위에 공백을 만들고 필드 배열을 쉽게 볼 수 있도록 패딩을 추가합니다.

디자이너는 상단, 하단 및 측면에 HTML 패딩을 지정하여 컨테이너 내부의 컨텐츠 모양을 단단히 제어 할 수 있습니다.원하는 경우 컨테이너간에 추가 마진을 추가 할 수도 있습니다.예를 들어, 블로그에서 저자는 기본 콘텐츠와 함께하는 사이드 바를 만들고 싶을 수도 있습니다.마진과 경계는 블로그 게시물의 내용과 명확하게 차별화 될 수 있습니다.패딩은 사이드 바의 콘텐츠가 테두리에 대항하여 실행되지 않도록 할 수 있습니다. 이는 매우 매력적이지 않을 수 있습니다.

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