그냥 개발자 블로그

웹퍼블리싱에서 패딩(padding)과 마진(margin)은 필수 요소이며 가장 많이 사용 됩니다. 따라서 비슷하지만 다른 패딩과 마진의 대한 이해가 꼭 필요 합니다. 예를 들어 다음과 같이 css 를 적용했다고 가정 합니다. padding:20px;margin:20px;border:1px solid #fff;display:inline-block;width:200px;height:200px; html에는 다음과 같이 적용됩니다. 패딩(padding)은 div 요소 안쪽에 공간을 만들며, 마진(margin)은 요소 밖에 공간을 만듭니다. 따라서 패딩을 사용한 경우 div의 가로 세로 크기 200px 보다 영역이 커지며, 마진을 사용한 경우에는 div의 가로 세로 크기는 200px 그대로가 되는것 입니다. 또..

올바른 HTML, CSS, 자바스크립트를 사용할 경우 웹표준에 준한다고 합니다. HTML, CSS, 자바스크립트는 서로 상호 의존성을 가지는데 웹표준이 지켜지지 않는 경우 사용자 환경에 따라 오류로 나타날 수 있으며, 웹 서비스 개발 및 관리에 영향을 줍니다. 그렇다면 웹표준 검사는 어떻게 할 수 있을까요? 웹표준 검사시 일반적으로 마크업을 검사하게 되는데 아래 링크를 통해서 웹표준 검사를 해볼 수 있습니다. https://validator.kldp.org/ 를 접속하면 위와 같은 페이지를 만나게 되며, 검사 타입으로는 URI 입력, HTML 파일 업로드, HTML 직접 입력 방법이 있습니다. 보통 사이트가 있을 경우 URI 입력 방법을 이용하면 됩니다. 홈페이지를 예로 들어 검사를 진행해 보았습니다. ..