웹표준 준수사항
Language/CSS 2010. 10. 27. 09:35웹표준 준수사항 몇가지 (조건 : 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');"></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
[출처] HTML 웹표준 준수 몇가지|작성자 셀레베스
'Language > CSS' 카테고리의 다른 글
| 선의 모양(border-style) (0) | 2011.01.07 |
|---|---|
| align="absmiddle" (0) | 2010.10.27 |
| CSS의 선택자 (0) | 2010.10.27 |
| CSS Reference 레퍼런스 (0) | 2010.10.27 |
| Font-family (0) | 2010.10.27 |