본문 바로가기

웹 표준

개발자를 위한 웹 표준 CSS의 이해 1(CSS BoxModel, Position, float, clear, z-index) CSS에서 boxmodel, position, float 대하여 알아보도록 하겠습니다. IE 8을 사용하면서 가장 저의 마음에 들었던 부분이 있습니다. 바로 개발자 도구입니다. 이전에는 IE 6, 7 사용 시 IEDeveloperToolbar라는 툴을 설치하여 사용하였는데. 그때도 “이거 괜찮다” 라는 생각을 많이 했었습니다. IE 8의 개발자 도구는 그야 말로 획기적인 툴이라고 말씀 드리고 싶습니다. *_* 갑자기 이야기가 삼천포에 갔네요.. *_*;; 본론으로 들어가서. 1. Box Model CSS 중 가장 많이 사용하는 Attibute가 바로 border, padding, margin이 아닐까 합니다. Layout 이나 Box Model 작성 시 필수로 사용하게 되는 속성들입니다. http://t.. 더보기
개발자를 위한 웹 표준 HTML의 이해 3(Web Content Accessibility Guidelines 1.0) 2011/02/15 - [웹개발 기초] - 개발자를 위한 웹 표준 HTML의 이해 2(Block elements, Inline elements)2011/02/16 - [웹개발 기초] - 개발자를 위한 웹 표준 HTML의 이해 3(Web Content Accessibility Guidelines 1.0) 이번 시간에는 HTML이라기 보다는 웹 컨텐츠에 대한 사용자의 접근성을 향상하기 위한 W3C의 지침의 내용을 한번 살펴 볼까 합니다. 일반적인 경우 이미지와 이미지맵을 사용한 경우 표를 사용한 경우 프레임을 사용한 경우 애플릿과 스크립트를 사용한 경우 멀티미디어를 사용한 경우 다른 모든 조치가 불가능한 경우 위와 같은 분류의 내용으로 중요도를 3단계로 나누어 설명되어 있습니다. 저는 중요도 1에 해당하는 .. 더보기
개발자를 위한 웹 표준 HTML의 이해 2(Block elements, Inline elements) 2011/02/15 - [Developer/웹개발 기초] - 개발자를 위한 웹 표준 HTML의 이해 1(DTD[Document Type Definition]) 이번 시간에는 HTML Tag 중 Block-Level Element(이하 block), Inline-Level Element(이하 inline) 에 대해서 알아보도록 하겠습니다. 단순히 태그는 어떤 것이고.. 어떤 건 어떻게 쓰는 것이다 라는 것은 아래 링크를 참고 하여 주십시오. http://www.w3schools.com/tags/ref_byfunc.asp block는 말 그대로 하나의 틀이 될 수 있는 Tag를 말합니다. inline는 block안에 포함되어 Data, Object를 포함 할 수 있으며, block을 포함 할 수 없는 Tag.. 더보기