The Spotless Mind

웹표준 준수사항 몇가지 본문

DESIGN Factory

웹표준 준수사항 몇가지

아리스노바 2010. 12. 12. 10:23
HTML 4.01 Transitional
  1. 자바스크립트 지시자나 스타일시트 지시자에 타입정보가 꼭 필요하다.
    <script language="JavaScript" type="text/javascript">
    <style type="text/css" >

  2. img,  map 태그등에 모두 alt 속성이 필요하다.

  3. td는 background 속성을 지원하지 않으므로 스타일 시트형태로 표현한다.
    <td style="background-image:url(/img/img.gif)undefined;"></td>

  4. table은 height 속성을 지원하지 않는다.
    <table height="100%"> <-- 에러

  5. tr은 colspan, height 속성을 지원하지 않는다.
    <tr height="30" colspan="2"> <-- 에러

  6. body태그는 2개이상있으면 안된다.
    body에 onLoad때문이라면 body태그대신
    <script language="JavaScript" type="text/javascript">
    window.onload = funcName(arg1,arg2);
    </script>
    형식으로 한다.(바디태그에 따로 넣지 않고, 자바스크립트문에 삽입한다)

  7. 스타일시트 font-family 에 한글 parsing이 안되는 문제가 있다
    font-family:돋움 의경우 font-family:Dotum 으로 변경한다.(영문표기)

  8. 스타일시트 선언은 <head> 안에서 해줘야한다.
    <body> 안에서 선언하면 에러 -_-
    <head>
    <link href="./style.css" rel=stylesheet type='text/css'>
    </head>

  9. html 안에 bgcolor나 width,height값을 %단위로 속성 삽입시 코텐션빠지면 에러
    <td height="1" colspan="2" bgcolor="#ffffff"></td>
    <table width="100%">
    위와같이 "" 또는 '' 로 감싸줘야한다.

  10. form 태그가 table 안에 있으면 에러 table을 감싸고 있어야한다. table 안에 있으면 에러
    <form>
    <table><tr><td></td></tr></table>
    </form>
    또한 form태그안에는 name속성과 action 속성이 모두 존재해야한다.
    <map> 태그역시 table 바깥에 위치해야함

  11. 이미지서브밋에 width, height, border 속성을 쓰면 에러.
    <input type="image" src="./images/button_search.gif" align="bottom">
    위와같이 align 속성은 쓸수 있음

  12. url 쿼리스트링의 경우 & 기호는 다음과같이 인코드해주어야한다.
    & + amp; (html 에디터에서는 안보이네요 -_-)
    & a m p ; (띄어쓰기 붙혀서..)
    <a href="/dir/file.php?id=111& a m p ;pwd=222">xxxxxxxx</a>

  13. img태그나 기타 태그 속성중에 align="absmiddle" 는 비표준 middle 로 수정

  14. 스타일을 표현할때 width, height 값에 px 안붙이면 에러, 색상코드에 # 안붙이면 에러
    style="width:10px;height:20px;#FFFFFF;"

  15. hidden 태그경우 <table> 안에 들어있으면 에러.. 즉 form 안에 table 밖에 위치
    즉 form태그 안에 table태그 밖에 위치해야함

  16. body태그에 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" 부분 있으면 에러
    style="margin:0px;" 형태로 바꿔준다.

  17. 자바스크립트 변수에 html 닫힘태그 쓸때는 escape문자로 표현한다.
    <a href="./url">url</a>

  18. 플래쉬 삽입
    <object type="application/x-shockwave-flash" data="<?=$IndexImg?>/index_main.swf" width="260" height="487">
        <param name="movie" value="<?=$IndexImg?>/index_main.swf">
        <param name="quality" value="high">
    </object>
    플래쉬 태그에 classid나 codebase를 쓰면 에러. 다만 js형태로 밖으로 빼놓으면 에러 못찾음 -_-;;

  19. 주석에 + 기호달면 에러
    <!-- ----------- + ---------------- -->
    위의 형태 에러남..

  20. DocType를 페이지 맨상단(html태그 밖)에 정의해야함
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  21. TEXT-DECORATION 의 스타일 표현형태
    TEXT-DECORATION: none
    TEXT-DECORATION: yes(x) -> TEXT-DECORATION: underline


'DESIGN Factory' 카테고리의 다른 글

Less is more  (1) 2012.09.07
CONCRETE CABINET  (0) 2011.07.04
Art of Listening 스크리닝 : Visual Sound | 2007. 8. 28 - 9. 7  (0) 2007.08.31
74th Academy Awards. Salute to the Film Composers  (6) 2007.03.20
섹스 앤 타이포그래피  (3) 2007.03.06
'DESIGN Factory' Related Articles more