6. XHTML 일반 문법 준수
(1) 정확한 문서 구조 준수
문서의 루트 요소는 html이 되어야 하며, 이 html 요소는 XHTML 네임스페이스를 지정해야 한다.
<html xmlns="http://www.w3.org/1999/xhtml">
표준 문서에는 head, title 및 body 구조 요소가 포함되어야 한다. 프레임 세트 문서에는
head, title 및 frameset 구조 요소가 포함되어야 한다
(2) 모든 요소는 완벽하게 중첩되어야 한다.
<p>This is a <i>bad example.</p></i>
<p>This is a <i>good example.</i></p>
(3) 모든 속성 값은 인용 부호(“나 ‘)로 묶어야 한다.
<a href=http://sample.com>틀린 경우</A>
<a href="http://sample.com">맞는 경우</a>
(4) 모든 요소와 속성은 소문자여야 한다.
<A HREF="http://sample.com">틀린 경우</A>
<a href="http://sample.com">맞는 경우</a>
(5) 모든 요소는 닫아야 한다.
XML을 사용할 수 없는 이전 브라우저와의 호환성을 위해 /> 앞에 공백이 있어야 한다
(예: <br/>가 아니라 <br />)
(6) 모든 속성값은 속성이 함께 선언되어야 한다.
<option value="wrong" selected>틀린 경우</option>
<option value="right" selected="selected">맞는 경우</option>
(7) 모든 script 및 style 요소에는 type 속성이 포함되어야 한다.
<script type="text/javascript” language="javscript"></script>
<style type="text/css"></style>
(8) 모든 img 및 area 요소에는 alt 속성이 포함되어야 한다.
(9) 모든 SCRIPT내의 태그는 Escape 시켜야 한다.
<script type="text/javascript">
<!--
// 틀린 표현!
document.write("</P>");
// -->
</script>
<script type="text/javascript">
<!--
// 맞는 표현!
document.write("<\/P>");
// -->
</script>
<script type="text/javascript">
<![CDATA[
... <h1>데이터</h1> ...
]]>
</script>
(10) 모든 문서 내 URL에서 &를 쓰면 안 된다.
<!.에러! --> <a href="foo.cgi?chapter=1§ion=2">...</a>
<!.적합! --> <a href="foo.cgi?chapter=1&section=2">...</a>
보너스
테이블 구성시 <table><form></form></table> 식으로 form의 여백을 일부러
없애는 경우가 있는데 이것은 css로 바로 해결 가능.
form { margin: 0; }
'Web > HTML' 카테고리의 다른 글
| DOM / Script (0) | 2012.07.23 |
|---|---|
| CSS (0) | 2012.07.23 |
| HTML / JavaScript (0) | 2012.07.23 |
| JQUERY 설정 (0) | 2012.07.23 |
| jq02.html (0) | 2012.07.23 |
