출처 : http://blog.naver.com/maglitt/60052938568
정확한 문서 구조 준수
문서의 루트 요소는 html이 되어야 하며, 이 html 요소는 XHTML 네임스페이스를 지정
해야 한다.
<html xmlns="http://www.w3.org/1999/xhtml">
표준 문서에는 head, title 및 body 구조 요소가 포함되어야 한다. 프레임 세트 문서에는
head, title 및 frameset 구조 요소가 포함되어야 한다
모든 요소의 완벽한 중첩
모든 요소들이 완벽하게 내포(nest) 되어야 한다.
<p>This is a <i>bad example.</p></i>
<p>This is a <i>good example.</i></p>
모든 속성 값은 인용 부호“ 또는 ‘로 묶는다.
<a href=http://sample.com>틀린 경우</A>
<a href="http://sample.com">맞는 경우</a>
모든 요소와 속성 소문자표기 - <li>와<LI>는 서로 다른 태그다!
<A HREF="http://sample.com">틀린 경우</A>
<a href="http://sample.com">맞는 경우</a>
모든 요소는 닫아야 한다.
- DTD에서 EMPTY로 선언된 경우를 제외하고 모든 요소에는 종료 필요
- 빈 요소에는 종료 태그가 포함되거나 시작 태그가 />로 끝나야 한다.
<br>은 잘못된 것 ------x <br></br> 또는 <br/>이 올바른 표기 -----o |
- 빈 요소의 종류
area,
base,
basefont,
br,
col,
frame,
hr,
img,
input,
isindex,
link,
meta
param - /> 앞에 공백이 필요 (XML을 사용할 수 없는 이전 브라우저와의 호환성을 위해)
한다(예: <br/>가 아니라 <br />)<img src="http://sample.com/wrong.jpg">----x
<img src="http://sample.com/right.jpg" />----o
모든 속성값은 속성이 함께 선언되어야 한다.
- 모든 속성은 최소화되어 표기 하지 않는다.
- a, applet, form, frame, iframe, img, map 등의 요소에는 name외에 id속성이 있어야한다
<option value="wrong" selected>틀린 경우</option> ---- x
<option value="right" selected="selected">맞는 경우</option> ----o
script 및 style에는 type 및 lanage가 표시되어야 한다.
<script type="text/javascript” language="javascript"></script>
<style type="text/css"></style>
img, area에는 alt 속성 표현
<option value="wrong" selected>틀린 경우</option>
<option value="right" selected="selected">맞는 경우</option>
script에서 태그는 escape 시킨다.
<script type="text/javascript">
<!--
// 틀린 표현!
document.write("</P>");
// -->
</script>
------------------------------------------------------------------
<script type="text/javascript">
<!—
// 맞는 표현!
document.write("<\/P>");
// -->
</script>
url에서는 & 사용금지
<!—에러! --> <a href="foo.cgi?chapter=1§ion=2">...</a>
<!—적합! --> <a href="foo.cgi?chapter=1&section=2">...</a>[출처] 웹표준가이드(2) / 일반문법|작성자 마그리뜨
'Development > HTML' 카테고리의 다른 글
| 웹표준가이드(4) / css선택자와 선언종류 (0) | 2013.05.29 |
|---|---|
| 웹표준가이드(3) / 올바른 마크업을 위한 준수사항 (0) | 2013.05.29 |
| 웹표준가이드(1) / 올바른 DOCTYPE 사용 (0) | 2013.05.29 |
| 반응형 웹디자인의 조건 글꼴 크기 (0) | 2013.05.28 |
| 반응형 웹디자인의 조건 너비 width (0) | 2013.05.28 |
댓글