포럼
xe는 웹표준 지키기가 힘든건지요?
2012.08.22 14:14
xe로 제작한 사이트를 보면
웹표준검사시 에러가 수십 수백개까지도 뿜는데...
어떠한 이유에서 이런현상이 발생하는걸까요??
////내용추가 ///////////
혹시 웹표준을 지키지 못하면 불이익을 받을수가 있을까요??
댓글 16
-
XE
2012.08.22 14:22
-
EnvyStn
2012.08.22 14:31
저도 XE는 웹표준을 거의 잘 지키고 있다고 생각합니다. 코어 설치 이후에 추가되는 각 종 레이아웃, 위젯 스킨들이 표준으로 제작되지 않았거나 페이지 내용이나 게시물 내용에 표준문법에 맞지 않은 코드가 들어가 있어서가 아닐까 싶네요.
-
KANTSOFT
2012.08.22 14:53
국내에서 사용중인 cms나 보드들에 비해, 꾀나 웹표준을 잘 지킵니다. xe부가 프로그램들도 소스코드 열어보면 잘 지키는듯 합니다.
-
misol
2012.08.22 15:08
홈페이지로 나와있는 http://qookrabbit.com/xe/ 를 validator.w3.org 에서 검사하신 건가요? 오류가 160개 이상 나오는데, 사용하시는 애드온, 그리고 직접 입력하신 스크립트 문제 같습니다.
<script type="text/javascript"> window.onload = function(){ tags = document.getElementsByTagName("audio"); for (i=0; i<tags.length; i++) { tags[i].controls = ""; } } </script>
에서 tags.length; 부분이 오류를 일으킵니다. 위 코드를<script type="text/javascript">//<![CDATA[ window.onload = function(){ tags = document.getElementsByTagName("audio"); for (i=0; i<tags.length; i++) { tags[i].controls = ""; } } //]]></script>
와 같이 쓰셔야 오류가 안날 것 같습니다.
그리고 그 다음,
<!--[if !IE]><!--> <style type="text/css"> audio[controls] {display:none;} </style> <![endif]-->
라고 되어있는 부분이 있는데
<!--[if !IE]> <style type="text/css"> audio[controls] {display:none;} </style> <![endif]-->
라고 써야 맞지 않나 싶습니다.
그 다음,
<script type="text/javascript"> var sidebarurl = "http://qookrabbit.com/xe/"; var sidebartitle = "쿡래빗"; var url = this.location; var title = document.title; function bookmarksite() { if (window.sidebar && window.sidebar.addPanel){ // 파이어폭스 window.sidebar.addPanel(sidebartitle, sidebarurl,""); } else if ( document.all ) { // IE 경우 window.external.AddFavorite(url, title); } else if (window.opera && window.print) { // 그외 } else if (navigator.appName=="Netscape") { alert("<Ctrl-D> 컨트롤+D 키를 누르시면 북마크에 추가됩니다. :) "); } } if (window.sidebar && window.sidebar.addPanel) { document.write('<a class="btn_bookmark" href = "javascript:bookmarksite();">쿡래빗 즐겨찾기</a>'); } else if (document.all) { document.write('<a class="btn_bookmark" href = "javascript:bookmarksite();">쿡래빗 즐겨찾기</a>'); } else if (window.opera && window.print) { document.write('<a class="btn_bookmark" href = "'+sidebarurl+'" title="'+sidebartitle+'" rel="sidebar">쿡래빗 즐겨찾기</a>'); } else if (navigator.appName=="Netscape") { document.write('<a class="btn_bookmark" href = "javascript:bookmarksite();">쿡래빗 즐겨찾기</a>'); } </script>
이렇게 쓰신 부분이 있는데, 첫번째 자바스크립트 부분과 마찬가지로,
<script type="text/javascript"> //<![CDATA[ var sidebarurl = "http://qookrabbit.com/xe/"; var sidebartitle = "쿡래빗"; var url = this.location; var title = document.title; function bookmarksite() { if (window.sidebar && window.sidebar.addPanel){ // 파이어폭스 window.sidebar.addPanel(sidebartitle, sidebarurl,""); } else if ( document.all ) { // IE 경우 window.external.AddFavorite(url, title); } else if (window.opera && window.print) { // 그외 } else if (navigator.appName=="Netscape") { alert("<Ctrl-D> 컨트롤+D 키를 누르시면 북마크에 추가됩니다. :) "); } } if (window.sidebar && window.sidebar.addPanel) { document.write('<a class="btn_bookmark" href = "javascript:bookmarksite();">쿡래빗 즐겨찾기</a>'); } else if (document.all) { document.write('<a class="btn_bookmark" href = "javascript:bookmarksite();">쿡래빗 즐겨찾기</a>'); } else if (window.opera && window.print) { document.write('<a class="btn_bookmark" href = "'+sidebarurl+'" title="'+sidebartitle+'" rel="sidebar">쿡래빗 즐겨찾기</a>'); } else if (navigator.appName=="Netscape") { document.write('<a class="btn_bookmark" href = "javascript:bookmarksite();">쿡래빗 즐겨찾기</a>'); } //]]></script>
와 같이 써주셔야 할 것 같습니다.
그 다음
<a href="http://qookrabbit.com/xe/index.php?mid=event&document_srl=53566" target="">쿡래빗 소개 이벤트중!!</a>
와 같이 입력된 부분이 있는데, 주소에도 &로 적어주셔야 문법에 맞습니다.
<a href="http://qookrabbit.com/xe/index.php?mid=event&document_srl=53566" target="">쿡래빗 소개 이벤트중!!</a>
로 써주시기 바랍니다.
그 다음
<div id="hLogo" class="Nanum_FT"><a href="http://qookrabbit.com/xe/"><h1 class="text-zindex">쿡래빗</h1><img src="http://qookrabbit.com/xe/files/attach/images/18780/33.png" alt="" /> </a></div>
로 입력되어 있는 부분이 있는데, 제 기억에 anchor( <a> ) 요소는 inline 요소이기 때문에 h1 을 포함할 수 없습니다.
<div id="hLogo" class="Nanum_FT"><h1 class="text-zindex"><a href="http://qookrabbit.com/xe/">쿡래빗</a></h1><a href="http://qookrabbit.com/xe/"><img src="http://qookrabbit.com/xe/files/attach/images/18780/33.png" alt="" /></a> </div>
정도가 맞지 않나 싶습니다.
<button type="submit" value="submit" class="submit" class="submit Nanum_12">로그인</button>
라고 되어 있는 부분이 있는데, class가 두번 정의되고 있습니다.
<button type="submit" value="submit" class="submit Nanum_12">로그인</button>
라고 고쳐주셔야 합니다.
<ul style="border-color:#C92D2D" class="ul2" style="">
라고 되어있는 부분이 있습니다. style이 중복 정의되어 있습니다.
<ul style="border-color:#C92D2D" class="ul2">
라고 하는 것이 적당합니다. 같은 구문으로 틀린 부분이 5군데 나옵니다. 392번째줄, 403번째 줄, 421번째 줄, 430번째 줄, 467번째 줄입니다.
<a class="a2" href="/xe/index.php?mid=g2">질문하기 (Q&A)</a>
라고 되어 있는 부분이 있습니다. & 는 &로 적어야 합니다.
<a class="a2" href="/xe/index.php?mid=g2">질문하기 (Q&A)</a>
로 적는 것이 적당합니다.
그 이후는 너무 많아서 하나하나 짚어내지 못하겠습니다.
관련된 부분의 애드온, 위젯, 레이아웃 제작자분께 수정을 요구하셔도 괜찮습니다. 본인이 입력한 부분이라면, 직접 수정하셔도 괜찮습니다.
-
마음의빈자리
2012.08.22 16:17
대단한 열정입니다!
박수를 보냅니다!
-
숭숭군
2012.08.22 17:57
헉... ㄷㄷ 감사합니다.
-
★사쿠라
2012.08.22 15:50
-
숭숭군
2012.08.22 18:00
와우 대단하네요.
-
윈컴이
2012.08.22 16:14
타 cms와 비교해서는 완전 웹표준을 지키는거로 알고있습니다 ㅎ
-
웹엔진
2012.08.22 17:14
HTML 부분은 그다지 오류가 없습니다.
다만; css 검사에선 오류가 꽤 나오죠;;
-
윈컴이
2012.08.22 22:23
전 HTML5에서 웹표준을..
http://validator.kldp.org/check?uri=http%3A%2F%2Fxe.pe.kr%2F
-
EnvyStn
2012.08.23 09:23
웹표준을 지키지 않으면 불이익을 받을 수 있냐고 추가로 물어보셨는데..
그에 대한 답은... 그럴 수 있다 정도겠네요.
웹접근성 위반에 대한 처벌은 장애인 차별 금지법에 의거하여, 장애인이나 제3자가 실제 피해를 당했다거나, 목격자로서의 진정서를 제출하였을 경우에만 그 효력이 발생한다고 합니다.
즉각적인 처벌이 아닌, 일정 기간 안에 홈페이지의 수정을 권고하고, 그 시정명령을 불이행하였을 경우에만 징역 및 벌금이 부과됩니다.
영세업자나 개인의 홈페이지는 진정서가 효력을 가지기 어려우며, 권고대상이라 할 지라도 최악의 경우, 홈페이지를 닫으면 법의 효력은 없어지게 되므로 너무 법적으로 걱정하지는 않아도 될 것 같습니다.
장애인도 인간이기 때문에 차별하지 않고 홈페이지 웹표준이나 웹접근성은 가능한 지켜주는 것이 좋다고 생각합니다.^^ -
똑디
2012.08.23 11:49
XE를 사용하는 이유중에 하나이지요. 웹표준을 잘지켜서 개발해주셔서...
-
윈컴이
2012.08.23 17:42
me too
ㅎㅎ
-
ForHanbi
2012.08.23 16:48
웹표준의 대가 정찬명님이 계시지만 어쩔수 없는 넘사벽 alt
-
숭숭군
2012.08.23 17:54
나중에 레이아웃 위젯정도는 직접 만들어서 완벽 호환하도록 써야될것 같네요 ㅠ_ㅠ
XE 코어 또는 기본 스킨들은 기본적으로 거의 문법 오류가 없이 배포가 됩니다. 수십 수백개의 문법 오류는 배포 이후에 벌어지는 일들이구요. XE 배포 버전에서 발견되는 HTML 문법 오류는 이슈트래커에 등록해 주시면 해결합니다.