[웹표준]W3C Markup Validation
WEB2.0 |
2009. 8. 24. 17:43
간만에 웹디자인 변경하면서 W3C 의 Validation 부분을 정리해봄...
- 태그와 결합된 속성(attributes)들은 인용구(" ") 안에 표기
- <title> 및 캐릭터셋은 반드시 <head>안에 선언되어야 한다.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Daum 서비스명</title>
</head> - CSS, JavaScript의 include는 부득이한 경우를 제외하고 <head> 내에서 처리한다.
- Ending 태그는 절대 생략해서는 안 된다.
- 모든 이미지와 이미지 맵에는 alt, title 속성을 부여해 주고 이는 해당 이미지와 컨텐츠의 의미를 반영한 것 이어야 한다.
- 이미지 태그에 width, height를 반드시 넣어준다.
- 글꼴 설정 시, 비 한국어 OS 및 Window를 제외한 모든 OS를 고려하여 설정한다.
(※ 비한국어 Windows (최소한 9x/ME)에서는 '돋음'을 인식하지 못함)
- 한국어 글꼴 이름은 로마자와 한글로 모두 표시한다.('굴림', gulim, '돋음', dotum)
- Mac : 'Apple Gothic'
- 리눅스 : 'UnBatang'과 'Baekmuk Batang'이 serif이고 'UnDotum'과 'Baekmuk Gulim'이 sans-serif
- 맨 마지막에는 항상 CSS generic font family 이름을 써야 한다.
바탕에 대해서는 serif를 굴림에 대해서는 sans-serif를 넣어 주어야 한다.
- 모든 JavaScript 및 CSS 선언시에는 type 속성이 포함되어야 한다.
<script type="text/javascript" language="javascript"></script>
<style type="text/css"></style> - 모든 Script내의 태그는 Escape 시켜야한다.
<script type="text/javascript">
<!--
document.write("<\/P>");
// -->
</script>
- 칼라값 표기 : RGB값 앞에 '#'을 넣어 표기한다. (예 : #RRGGBB, #RGB)
- 0을 제외한 모든 값들은 단위를 표기한다.
- 텍스트나 URL에 있는 <, ", &, > 은 <, ", &, >로 html escape 시킨다.
- 해당태그에 사용가능한 attribute만 사용한다.
[예]
_ td에는 background 속성을 직접 넣을 수 없고, CSS를 이용해야한다.
_ table에는 height 속성을 넣을 수 없다
_ input type="image" 에는 width, height 속성 사용하지 않는다.
_ td의 nowrap는 CSS를 이용한다.(white-space:nowrap;)
_ vspace, hspace, align="absmiddle" IE 전용 태크
→ vertical-align:middle; 과 margin등으로 간격 설정하여 사용
_ cursor:hand; → cursor:pointer; - autocomplete="off" 자동완성 기능 IE 전용 태그
<meta name="autocomplete" content="off" />
→
<script type="text/javascript">
<!--
document.getElementById("q").setAttribute("autocomplete","off");
//-->
</script>
- embed 태그는 비표준
'WEB2.0' 카테고리의 다른 글
| 파폭에서 insertBefore가 안될때... (1) | 2010.06.17 |
|---|---|
| 또 하나의 Chart 오픈 소스. Fusion Chart (0) | 2009.09.07 |
| 기업환경에 적합한 RIA선택하기 (0) | 2009.01.28 |
| 고급 자바스크립트 활용 II (0) | 2008.04.02 |
| 고급 자바스크립트 활용Ⅰ-Ⅰ (0) | 2008.04.02 |
