웹표준화란
서울말이 표준말이듯이 각각 다른 웹브라우져에서도 웹페이지를 똑같이 보여주는것을 말합니다. 파이어폭스, 크롬이 나오면서 웹표준이 매우 중요시 되고 있습니다. 특히나 익스플로러6가 웹표준을 안지키는 브라우져라서 업데이트하시길 추천드립니다.
티스토리에서 완벽하게 웹표준화하기에는 조금 제약이 따릅니다. 티스토리가 설치형 블로그이기는 하지만 저희가 건들지 못하는 부분이 있습니다. 대표적인것이 플러그인입니다. 완전히 자신 블로그가 웹표준화를 지키고 싶다면 몇가지 플러그인와 위젯을 포기를 하셔야합니다. 대표적인 플로그인이 첫페이지 꾸미기입니다. 첫페이지 꾸미기를 사용하고 싶으면 이부분은 포기하고 포스팅 내용부분을 임시적으로 만들어서 그 포스팅으로 웹표준화맞추는 것을 추천합니다.
그리고 글쓸때 이미지가 들어가면 티스토리가 자꾸 이미지태그 앞에 <p style="margin:0"> 이걸을 넣어서 웹표준화에서 오류가 발생합니다.
믹시플러그인 같은경우에는 아예때버렸습니다. 웹표준화로 변경시킬 수 있지만 이 플러그인때문에 블로그 속도를 잡아먹더군요.
웹표준화에 대한 몇가지 팁을 드리자면
1. 대문자로 태그를 사용하지말고 소문자로 태그를 만들어야합니다.
<TABLE><Tr><TD> (X) -> <table><tr><td>
2. 반드시 태그가 끝나는데에는 /이 있어야합니다.
<br>(X) -> <br />
<meta name="iSpacetr" content="TISTORY" />
3. 태그의 속성값은 '또는"로 묶여있어야합니다/
<table border=1> (X) -> <table border="1">
4, & 대신 & 를 사용하셔야합니다.
특히 믹시 플러그인이 &로 되어있습니다.
http://mixsh.com/widget/new_mixup/loader.html?muid=51368&guid=
http://mixsh.com/widget/new_mixup/loader.html?muid=51368&guid=
5. script 태그에는 text/javascript 타입속성이 있어야합니다.
<script language="JavaScript">try{expandTree();}catch(e){}</script> (X)
<script type="text/javascript">try{expandTree();}catch(e){}</script>
6. img 태그에는 alt 속성이 있어야합니다.
<img src="이미지주소" />
<img src="이미지주소" alt="" />
대충 이정도이고 여기서 웹표준 검사를 하셔서 오류가 나는 부분을 구글에 웹표준 해당 태그를 검색하셔서 웹표준에 맞춰 보세요.
예를들어 <TABLE border=0> 에서 오류가나면 웹표준 table 라고 검색하시면 되겠죠?
