2009년 03월 17일
웹표준(?)
□ 모든 태그는 소문자
- 잘못된 예
<BODY></BODY>
- 올바른 예
<body></body>
□ 모든 속성은 인용부호 안, 속성들 사이는 띄워쓰기(alt 속성도 반드시 함께 선언)
- 잘못된 예
<img src="title.gif" alt=타이틀 />
- 올바른 예
<img src="title.gif" alt="타이틀" />
□ 모든 속성에는 값이 있어야 한다.
- 잘못된 예
<input type="text" readonly />
- 올바른 예
<input type="text" readonly="readonly" />
- 잘못된 예
<input type="checkbox" checked />
- 올바른 예
<input type="checkbox" checked="checked" />
- 잘못된 예
<option value="A" selected> a </option>
- 올바른 예
<option value="A" selected="selected"> a </option>
□ 모든 태그는 닫아준다.
- 잘못된 예
<p>context
- 올바른 예
<p>context</p>
- 잘못된 예
<br>
- 올바른 예
<br />
□ 주석에는 더블 대쉬를 사용하지 않는다.
- 잘못된 예
<!----------------------->
- 올바른 예
<!--==============-->
□ 모든 특수문자는 변환해줘야 한다.
- 잘못된 예
<div>you & me < test</div>
- 올바른 예
<div>you & me < test</div>
□ 모든 script및 style요소에는 type 속성이 포함되어야 한다.
<script type="text/javascript" language="javascript"></script>
<style type="text/css"></style>
□ 모든 script내의 태그는 Escape 시켜야 한다.
<script type="text/javascript" language="javascript">
<!--
// 잘못된 예
document.write("</p>");
//-->
</script>
<script type="text/javascript" language="javascript">
<!--
// 올바른 예
document.write("<\/p>");
//-->
</script>
□ script와 style에는 CDATA로 마크업하는 것이 좋다.
<script type="text/javascript" language="javascript">
<![CDATA[
]]>
</script>
ps.
<b>보다는 <strong>, <i>보다는 <em>을 사용
텍스트의 경우 <div>가 아닌 <p>태그를 사용
태그에 accesskey속성을 주면(ex : accesskey="1") 단축키를 사용할 수 있게 해준다.
tabindex를 사용하면(ex : tabindex="1", tabindex="2") 사용자가 탭을 눌렀을 시
옮겨지는 form 컨트롤을 지정할 수 있다.
# by ShiinaTsu | 2009/03/17 16:38 | Java & Jsp | 트랙백 | 덧글(0)
