웹표준을 위한 CSS

다음 내용은 "고급 웹 표준 사이트 제작을 위한 CSS 마스터 전략" 책을

보던 중에 기억하고 싶은 링크와 글을 정리한것입니다.

유효성 검사 도구

http://validator.w3.org/

This is the W3C Markup Validation Service, a free service that checks Web documents in formats like HTML and XHTML for conformance to W3C Recommendations and other standards.

firefox용 플러그인

http://chrispederick.com/work/web-developer/

(X)HTML과 CSS유효성검사, X(HTML) 엘리먼트 구조 보기, 스타일시트 기능 끄기, 브라우저 안에서 스타일 편집

 
IE용

http://tinyurl.com/7mnyh

브라우저 모드

• 표준 호환 모드  : 기술 명세서의 내용대로 페이지를 화면에 표시
  

• 비표준 확장 모드 : 좀더 느슨하게 하위 호환을 고려해서 페이지를 화면에 표시

브라우저는 DOCTYPE 선언과 어떤 DTD를 사용하는지를 보고 브라우저 모드를 결정
 

어떤 DOCTYPE일때 어떤 렌더링 모드로 동작하는지를 알수있는 도표 ( 작성 : 에릭 마이어 Eric Meyer )

http://meyerweb.com/eric/dom/dtype/dtype-grid.html

Choosing a DOCTYPE

http://htmlhelp.com/tools/validator/doctype.html

온라인 CSS 최적화툴 - 주석제거나 불필요한 공백문자등을 제거

http://www.cssoptimiser.com/

 손쉬운 스타일시트 유지관리법

- 기본 레이아웃을 위한 CSS파일을 하나 만들고 타이포그래피와 디자인을 위한 파일로 분리

- 색상별로 CSS파일 분리

링크 모양 꾸미기

다음과 같은 순서로 링크 스타일을 적용하는 것이 좋다. 캐스케이드 특성 때문에 스타일이

제대로 적용되지 않을수도 있으므로 a:link, a:visited, a:hover, a:active

웹 컨텐트 접근성 가이드라인

http://www.w3.org/TR/WAI-WEBCONTENT/