콩바구니의 그림일기

제 블로그에서 유효성검사를 해보았는데요. 몇몇 플러그인에서 웹표준에 부합하지 않는 요소가 발견되더군요.

1. Lightbox TT EX 플러그인을 활성화하면 다음의 부분에서

   <script language="javascript" src="/plugins/lightbox/lightbox_plus_ope.js" type="text/javascript"></script>
   <script language="javascript" type="text/javascript">

   아래의 에러가 납니다.

   1. line 57 column 17 - Error: there is no attribute "language"
2. MyEolin 을 활성화하면
   <iframe id="eolin_iframe" src='about:blank' width='550' height='500' scrolling='no' frameborder='no'></iframe>

   여기서 frameborder 는 no 라는 값을 가지면 안되고 1이나 0값을 가져야 한다고 에러나네요...

   1. line 121 column 125 - Error: value of attribute "frameborder" cannot be "no"; must be one of "1", "0"
   
   
3. CallBack 플러그인을 활성화하면.
   
   <span id="callbacknestkongbagunitistorycom5022310" style="width:1px; height:1px;float:left"><embed  allowscriptaccess="always"  id="bootstrapperkongbagunitistorycom5022310"  src="http://kongbaguni.tistory.com/plugin/CallBack_bootstrapperSrc"  width="1"  height="1"  wmode="transparent"  type="application/x-shockwave-flash"  EnableContextMenu="false"  FlashVars="&amp;callbackId=kongbagunitistorycom5022310&amp;host=http://kongbaguni.tistory.com&amp;embedCodeSrc=http%3A%2F%2Fkongbaguni.tistory.com%2Fplugin%2FCallBack_bootstrapper%3F%26src%3Dhttp%3A%2F%2Fkongbaguni.tistory.com%2Fplugins%2FCallBack%2Fcallback%26id%3D502%26callbackId%3Dkongbagunitistorycom5022310%26destDocId%3Dcallbacknestkongbagunitistorycom5022310%26host%3Dhttp%3A%2F%2Fkongbaguni.tistory.com%26float%3Dleft" swLiveConnect="true"/></span>

   이한줄에서 무려 11개의 에러가 나옵니다. 에러는 다음과 같습니다.

   1. line 605 column 150 - Error: there is no attribute "allowscriptaccess"
   2. line 605 column 163 - Error: there is no attribute "id"
   3. line 605 column 210 - Error: there is no attribute "src"
   4. line 605 column 281 - Error: there is no attribute "width"
   5. line 605 column 293 - Error: there is no attribute "height"
   6. line 605 column 304 - Error: there is no attribute "wmode"
   7. line 605 column 324 - Error: there is no attribute "type"
   8. line 605 column 375 - Error: there is no attribute "EnableContextMenu"
   9. line 605 column 394 - Error: there is no attribute "FlashVars"
   10. line 605 column 826 - Error: there is no attribute "swLiveConnect"
   11. line 605 column 833 - Error: element "embed" undefined
4. 하나더. 스킨파일의 페이징 부분에 관한건입니다.
   
       <s_paging>
           <div class="paging">
               <a class="[ ##_no_more_prev_##]">☜ 이전 페이지  </a>
                   <span class="numbox">
                       <s_paging_rep>
   
                           <a class="num"></a>
                       </s_paging_rep>
                   </span>
               <a class="[ ##_no_more_next_##]">다음페이지 ☞</a>
           </div>
       </s_paging>
   
   
   여기서 페이징의 처음이나 끝부분이 아닐때 클레스 이름 [ ##_no_more_prev_##][ ##_no_more_next_##] 이 공백으로 치환되는 문제가 있습니다. "" 이렇게요. xhtml1.0이라면 문제없지만.. xhtml1.1에서는 이거 걸립니다. 공백대신 "none"같은 다른 문자로 치환하면 해결되는 문제라고 생각합니다.
   
   1. line 898 column 28 - Error: syntax of attribute value does not conform to declared value
5. 댓글을 달면 댓글의 이름을 표시하는부분에서
   <span class="name"><img src="http://kongbaguni.tistory.com/favicon.ico" width="16" height="16" onerror="this.parentNode.removeChild(this)"/> <a href="http://kongbaguni.tistory.com" onclick="return openLinkInNewWindow(this)">콩바구니</a></span>
   

   다음의 에러가 발생합니다.
   

   1. line 609 column 107 - Error: there is no attribute "onerror"
   2. line 609 column 143 - Error: required attribute "alt" not specified

6. 댓글이나 방명록에 html 주소를 적으면 만들어지는 링크나 이올린 최근글 추천글등의 링크에 onclick="return openLinkInNewWindow(this)" rel="external nofollow" 를 사용하여 무조건 새창으로 띄우는것은 문제라고 생각합니다. 웹표준권고안에서 target="_blank" 를 금지한것이 사용자의 선택권을 제한하지 않기 위해서라는데, 굳이 이런식으로 자바스크립트를 써가며 새창으로 띄어야 할 이유를 모르겠습니다.

   사용자는 링크를 현제창에서 띄울지. 새창에서 띄울지. 새탭에서 띄울지 선택할수 있어야 하고 그것에 제한을 두면 안된다.

   이런식이면 링크를 현제창에서 띄울수가 없습니다. 링크에 대한 태그는 <a href="주소">링크</a>  면 충분하다고 생각합니다.

   무조건 새창으로 띄우는 링크에 대한 자바스크립트를 제거하거나. 아니면 그것에 대한 옵션을 관리자 환경설정에서 선택할수 있게 해주셨으면 합니다.

7. 현제 보고있는 글의 트랙백 혹은 댓글이 펼쳐지지 않은상태에서 사이드바의 최신댓글. 최신트랙백의 현제글에대한 링크를 클릭했을때 트랙백.댓글란이 펼쳐지지 않는 문제가 있습니다. 확인바랍니다.
   

1번~5번항목만 잡으면 유효성검사를 통과하는데요. 사소한것이지만.. 좀 고쳐주셨으면 합니다. 유효성검사를 통과하기 위해서 플러그인을 비활성화시켜야 하다니요.. 이건좀 아닌것 같아요. 소스를 조금만 손보면 될것 같은데요...

일단 문제가 되는 플러그인 켜놨습니다. 위의 버튼을 누르면 어떤 에러가 있는지 보실수 있습니다.

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.