Post

문서의 html 요소에는 XHTML 네임스페이스를 지정해야 한다.
<html xmlns="http://www.w3.org/1999/xhtml">


모든 요소는 완벽하게 내포되어야 한다.
(X)   <p>잘못된 <b>형식</p>입니다.</b>
(O)   <p>올바른 <b>형식</b>입니다.</p>


모든 속성값은 인용부호("또는')로 묶어야 한다.
(X)   <a href=http://www.empas.com>잘못된 형식</a>
(O)  <a href="http://www.empas.com">올바른 형식</a>


모든 요소 및 속성의 이름은 소문자여야 한다.
(X)   <A HREF=http://www.empas.com>잘못된 형식</A>
(O)  <a href="http://www.empas.com">올바른 형식</a>


모든 요소는 닫아야 한다.
빈 요소의 경우 종료태그를 붙여주거나  /> /앞에 공백 있음로 끝나야 한다.
빈 요소 : area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta, param
(X)   <br>한 줄 개행
(O)  <br>한 줄 개행</br>
(O)  <br />한 줄 개행


모든 속성값은 속성이 함께 선언되어야 한다.
최소화 될 수 없는 속성 : checked, compact, declare, defer, disabled, ismap, multiple, noresize, noshade, nowrap, readonly, selected
(X)   <option value="1" selected>잘못된 형식</option>
(O)  <option value="1" selected="selected">올바른 형식</option>


모든 script 및 style요소에는 type 속성이 포함되어야 한다.
<script type="text/javascript" language="javascript"></script>
<style type="text/css"></style>


모든 img 및 area 요소에는 alt 속성이 포함되어야 한다.
(X)   <img src="logo.gif" />
(O)  <img src="logo.gif" alt="로고" />


모든 script 내의 태그는 escape시켜야 한다.
(X)
<script type="text/javascript">
    <!--
    document.write("</p>");
    //-->
</script>

(O) HTML 4에서는 script 내의 종료태그가 인식이 되므로 역슬래시를 사용해야 한다.
<script type="text/javascript">
    <!--
    document.write("<\/p>");
    //-->
</script>

(O) XHTML에서는 script와 style 요소들은 #PCDATA 컨텐트를 갖는 것으로 선언되어 <과 &는 마크업의 시작으로 처리되고, &lt;과 &amp; 등은 각각 <과 &로의 개체참조로서 인식되므로 CDATA로 마크업하여 표시하는 게 좋다.
<script type="text/javascript">
    <! [CDATA[
    <h1>제목</h1>
    ]]>
</script>


문서 내의 모든 URL에서는 &를 쓰면 안된다.
(X)   <a href="doc.cgi?chapter=1&section=2">링크</a>
(O)  <a href="doc.cgi?chapter=1&amp;section=2">링크</a>
※ HTML 문서 내에서만 &를 &amp;로 바꾸어야 하며, 브라우저의 주소창이나 이메일본문에서는 &를 써야 한다.
▲ top