'웹표준'에 해당되는 글 1건

  1. 2009.08.24 | [웹표준]W3C Markup Validation

[웹표준]W3C Markup Validation

WEB2.0 | 2009. 8. 24. 17:43
Posted by 시반

간만에 웹디자인 변경하면서 W3C 의 Validation 부분을 정리해봄...

  • 태그와 결합된 속성(attributes)들은 인용구(" ") 안에 표기
  • <title> 및 캐릭터셋은 반드시 <head>안에 선언되어야 한다.
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
    <title>Daum 서비스명</title>
    </head>
  • CSS, JavaScript의 include는 부득이한 경우를 제외하고 <head> 내에서 처리한다.
  • Ending 태그는 절대 생략해서는 안 된다.
  • 모든 이미지와 이미지 맵에는 alt, title 속성을 부여해 주고 이는 해당 이미지와 컨텐츠의 의미를 반영한 것 이어야 한다.
  • 이미지 태그에 width, height를 반드시 넣어준다.
  • 글꼴 설정 시, 비 한국어 OS 및 Window를 제외한 모든 OS를 고려하여 설정한다.
    (※ 비한국어 Windows (최소한 9x/ME)에서는 '돋음'을 인식하지 못함)
    - 한국어 글꼴 이름은 로마자와 한글로 모두 표시한다.('굴림', gulim, '돋음', dotum)
    - Mac : 'Apple Gothic'
    - 리눅스 : 'UnBatang'과 'Baekmuk Batang'이 serif이고 'UnDotum'과 'Baekmuk Gulim'이 sans-serif
    - 맨 마지막에는 항상 CSS generic font family 이름을 써야 한다.
       바탕에 대해서는 serif를 굴림에 대해서는 sans-serif를 넣어 주어야 한다.
  • 모든 JavaScript 및 CSS 선언시에는 type 속성이 포함되어야 한다.
    <script type="text/javascript" language="javascript"></script>
    <style type="text/css"></style>
  • 모든 Script내의 태그는 Escape 시켜야한다.
    <script type="text/javascript">
    <!--
        document.write("<\/P>");
    // -->
    </script>
  • 칼라값 표기 : RGB값 앞에 '#'을 넣어 표기한다. (예 : #RRGGBB, #RGB)
  • 0을 제외한 모든 값들은 단위를 표기한다.
  • 텍스트나 URL에 있는 <, ", &, > 은 &lt;, &quot;, &amp;, &gt;로 html escape 시킨다.
  • 해당태그에 사용가능한 attribute만 사용한다.
    [예]
    _ td에는 background 속성을 직접 넣을 수 없고, CSS를 이용해야한다.
    _ table에는 height 속성을 넣을 수 없다
    _ input type="image" 에는 width, height 속성 사용하지 않는다.
    _ td의 nowrap는 CSS를 이용한다.(white-space:nowrap;)
    _ vspace, hspace, align="absmiddle" IE 전용 태크
       → vertical-align:middle; 과 margin등으로 간격 설정하여 사용
    _ cursor:hand; → cursor:pointer;
  • autocomplete="off" 자동완성 기능 IE 전용 태그
    <meta name="autocomplete" content="off" />

    <script type="text/javascript">
    <!--
    document.getElementById("q").setAttribute("autocomplete","off");
    //-->
    </script>
  • embed 태그는 비표준
 
블로그 이미지

시반

시반(詩伴)이란 함께 시를 짓는 벗이란 뜻을 가지고 있습니다. 함께 나눌수 있는 그런 공간이길 바라며...

카테고리

분류 전체보기 (233)
개발 이야기 (73)
WEB2.0 (57)
DB2 (24)
MySQL (6)
오라클 (26)
기타 (44)
취미 (0)
잡담 (2)