본문 바로가기
반응형

Development/HTML24

웹표준가이드(5) / css적용 체크포인트 4가지 출처 : http://blog.naver.com/maglitt/60053025373 01/CSS적용 체크포인트 4가지 HTML, XHTML, XML 등의 markup 문법 확인 감사(DTD선언에 기초한 문법 확인)⇒ http://validator.w3.orgXHTML 의미와 구조적 구성 각각의 문서 내용에 적합하게 사용해야 한다. ~문서내 중요도의 단계에 ,,, 각 엘리먼트들이 의미에 맞게 사용되도록 한다. ,,id,class 문서작성 후 의미에 따라 구분해준다. 표준문법사용 주석문처리css주석처리 /*comment*/html, 다른 언어//한줄주석처리 단위 표기0을 제외한 모든 값에 단위표기 구문이 끝날때는 세미콜론 표시(;) 색상 표기 #rrggbb형식 - color: #ff0000; (color: .. 2013. 5. 29.
웹표준가이드(4) / css선택자와 선언종류 출처 : http://blog.naver.com/maglitt/60052974527 css제대로 사용하기 01 / html과 css의 관계 html : 컨텐츠의 내용과 구조 표시컨텐츠가 문단인지, 인용문인지, 리스트형태인지에 따라 적합한 엘리먼트로 표기컨텐츠가 문서내에서 가지는 의미에 따라 와 적절한 id, class 속성표기(나타내고자 하는 컨텐츠를 의미에 맞게 기술하여 웹페이지로의 접근성을 높이는 방법으로 markup을 만드는 것이 웹표준의 목적)웹표준의 목적 : 컨텐츠의 의미에 맞게 기술하여 웹페이지로의 접근성을 높이는 방법으로 markup하는 것. css : 문서의 내용과 표현을 분리하는것문서의 내용은 html로 작성하고 표현은 css로!! 02 . css의 일반선택자일반선택자(selector) .. 2013. 5. 29.
웹표준가이드(3) / 올바른 마크업을 위한 준수사항 출처 : http://blog.naver.com/maglitt/60052954929 01 / 무분별한 table의 사용금지 02 / 잘못된 위치, 태그, 스크립트 사용form태그 tr태그 사이에 넣지 않기⇒ 오류의 원인 (form태그의 공배해결을 위해)⇒ 해결책 form {margin:0;} form submit 자바스크립트로 하지 않기⇒ 잘못된 표현예 ⇒ 해결책 혹은 제목 내용 작성자 03 / 올바른 그룹요소의 사용 (div, span)div등 일부 태그를 table 대용으로 사용하지 않도록 한다. (의미에 맞는 태그사용)block / inline 예block 요소 ⇒ , , , , , , , inline 요소 ⇒ , , , , 04 / 표제의 사용(Heading)~ 문서내 가장 중요한 제목을 에서 부.. 2013. 5. 29.
웹표준가이드(2) / 일반문법 출처 : http://blog.naver.com/maglitt/60052938568 정확한 문서 구조 준수 문서의 루트 요소는 html이 되어야 하며, 이 html 요소는 XHTML 네임스페이스를 지정 해야 한다. 표준 문서에는 head, title 및 body 구조 요소가 포함되어야 한다. 프레임 세트 문서에는 head, title 및 frameset 구조 요소가 포함되어야 한다 모든 요소의 완벽한 중첩모든 요소들이 완벽하게 내포(nest) 되어야 한다. This is a bad example. This is a good example. 모든 속성 값은 인용 부호“ 또는 ‘로 묶는다. 틀린 경우 맞는 경우 모든 요소와 속성 소문자표기 - 와는 서로 다른 태그다! 틀린 경우 맞는 경우 모든 요소는 닫아야.. 2013. 5. 29.
반응형