ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 웹표준을 지키기 위한 습관
    이야기 2008. 6. 3. 18:37

    php를 작성하다보면 공통적으로 들어가는 코드가 너무도 많다는 생각이 든다.

    특별히 프레임워크를 쓰는 것도 아니기 때문에 이러한 쓸데없는 잡일은 나를 안드로메다로 보내기 일쑤다.

    그래서 자주 쓰는 코드들을 템플릿 형식으로 묶어버렸다.

    디비관련내용은 각각의 dbms로 클래스를 만들어 구성하였다.

    html코드는 이왕이면 웹표준을 지키는 쪽으로 구성을 했다.


    여기 어려운 것은 아니지만, 좋은 습관을 들이는 것 만으로도 웹표준에 가까울 수 있도록 간단히 정리해본다.

    1. html 문서 상단에 문서형식을 지정한다.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


    2. html 태그 안에 다음과 같은 코드를 넣는다.
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


    3.즉, 다음과 같은 기본 구조를 꼭 지킨다. (<title>을 빼먹는 경우가 있는데 꼭 넣어준다.)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>title></title>
    </head>
    <body>
    body>
    </body>
    </html>


    4. 자바스크립트를 지정할때는 시작과 끝을 분명히 해주고, 타입을 분명히 정해준다.
    <script type="text/javascript"></script>


    5. 모든 태그 및 속성은 소문자를 이용한다.
     <HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML> (X)
     <html><head><title></title></head><body></body></html> (O)


    6. 일반적인 글이라도 꼭 <p>태그 안에 들어가야한다.
    <p>훈민정음 나라사랑</p>

    7. 열린 태그가 있으면 닫힘 태그가 있어야 한다.
    <p>훈민정음 나라사랑></p>
    <input type="hidden" name="mode" value="aaa" />


    8. value 값을 지정할 때에는 꼭 ’ 또는 "를 이용한다.
    <input type=hidden name=mode value=aaa />     (X)
    <input type="hidden" name="mode" value="aaa" />    (O)
    <input type=’hidden’ name="mode" value="aaa" />    (O)

    9. 이미지 태그를 사용하는 경우 꼭 alt를 넣어준다.
    <img src="a.jpg" alt="logo" />

    10. 자바스크립트 사용시 이벤트 핸들러를 설정하는 경우 모두 소문자를 이용한다.
    <p Onclick="alert(’a’);"> aaa </p>    (X)
    <p OnmouseOver="alert(’a’);"> aaa </p>    (X)
    <body Onload="abc();">             (X)
    <p onclick="alert(’a’);"> aaa </p>    (O)

    11. 사라진 속성은 사용하지 않는다. 다음은 자주 사용하는 사용해서는 안되는 속성들이다.
    <table align="center">
    <tr><td  width="20px" align="center" valign="top">a</td></tr>
    </table>

    <td>에 width를 주고 싶다면 스타일을 쓴다.
    <table> 에 align 속성은 없다.
    valign은 <td> 안에서는 가능하나 <table> 태그 안에서는 사용이 불가능하다.
    bgcolor속성은 없다. 스타일을 써라.<td style="background-color:#FFFFFF;">

    반응형

    '이야기' 카테고리의 다른 글

    정말 좋아하는가?  (0) 2008.08.30
    중국 - 심천  (0) 2008.07.08
    행복  (0) 2008.05.30
    변화된 식성  (0) 2008.04.17
    계룡네거리에서 서대전터미널까지  (0) 2008.03.16

    댓글

Designed by Tistory.