스킨작업을 하면서 웹 표준을 지키는 코딩에 도전하게 되었습니다. 그리고 스킨만으로는 웹표준을 준수할수 없는 것을 알게 되었고, 태터툴즈 클래식의 웹 표준에 반하는 코드도 모두 뜯어고쳐 W3C의 표준 유효성 검사를 통과하였습니다. 처음에는 300개가 넘는 오류로 자포자기하고 있었지만, 하나하나 수정하기 시작하여 태터툴즈 클래식을 사용하는 블로그도 웹 표준 유효성 검사를 통과하게 된 것입니다. 이곳 외에도 Tyburn님과 Vincent님도 이미 클래식을 XHTML1.0까지 통과시킨 전적이 있습니다.
W3C HTML 4.01 웹 표준 유효성 검사 바로가기
유효성을 통과하면 좌측의 배너를 사용하여 언제든지 해당 웹 페이지의 유효성 검사를 해볼수 있습니다. 태터툴즈 클래식을 웹 표준 준수 블로그툴로 만들기위한 가장 까다로웠던 작업은 name으로 정해진 폼이름입니다. 삽질 끝에 name를 id로 변경하고 몇 줄의 자바스크립트 함수의 변경으로 해결할 수 있었습니다. 포스트 작성도 웹 표준에 따라 작성해야 합니다. 때문에 이전에 작성한 글에서는 오류가 나타나기도 합니다. 그래서 글 입력페이지도 대대적으로 손보았습니다. 기존에 입력했던 글과 댓글들이 HTML 4.01 표준에 만족하도록 마이그레이션 작업을 진행 중입니다. 조금 더 공부해서 XHTML 1.01 표준에도 도전해 볼 생각입니다. 앗! 그전에 CSS 1.0부터 orz...
약간의 테스트 과정을 거친 후 태터툴즈 클래식이 HTML 4.01 웹 표준을 준수하도록 만드는 방법을 공개하도록 하겠습니다. 설치형 블로그에서 웹 표준을 준수하기 위한 첫걸음으로는 웹 표준을 준수하는 스킨을 사용하는 것이 가장 중요합니다. 이제부터 배포하는 스킨은 웹 표준을 준수할 것을 약속합니다. 
Comments
Got something to add? You can just leave a comment.
이 작업 꽤 힘들던데요.
저도 집에서 돌리는 페이지에는 적용시켜 보고 있습니다.
reply edit
건투를 빕니다. 웹을 되찾읍시다.
reply edit
드디어 w3c 검사 통과!
축하드립니다. ^^
reply edit
감사합니다. 제가 클래식 최초인줄 알고 우쭐대고 있었는데 Tyburn님께서 먼저 통과하셨더군요! 훌륭하십니다.
reply edit
대단하십니다 ^^;
reply edit
감사합니다. 이것은 언젠가는 꼭 치루어야 할 일이라고 생각됩니다.
reply edit
난 XHTML 1.0 통과~!
지난주에 작업을 했었는데, 그당시에 웹표준 통과시키느라고 고생좀 했죠... 그외에 파이어폭스 플러그인으로 HTML validation 검사도해봤는데 태터툴즈의 innerHTML 과 적용해준 팁들에서 에러가 수백개가 되더군요. 웹표준 통과보다 HTML validation 수정이 훨씬 힘들었다는... ^^;
reply edit
kebie님도 통과하셨었군요! 늦었지만 축하드립니다. 저도 HTML Validator의 조언을 참고하여 한결 수월하게 작업할 수 있었습니다. DHTML 윈도와 관련된 스크립트를 아직도 고치지 못하고 있습니다. ;;
reply edit
예전에 XHTML 1.0 Transitional을 통과했었고(지금은 계속 버전업하면서 덮어씌웠기 때문에 안 됩니다만..), 얼마 전 마무리한 홈페이지 알바는 XHTML 1.0 Strict를 거의 완벽하게 준수하게 했지요.
힘들기는 하지만 일단 한 차례 홍역을 치르고 나시면 그 다음부터는 훨씬 수월하실 겁니다. :)
reply edit
대단하시군요, 이작업 정말로 홍역입니다. 그동안 웹표준을 잘근잘근 씹어먹은 대가를 단단히 치루었습니다. 저도 이제 한단계 업그레이드 한 느낌입니다.
reply edit
흐흐...전 무려 187개의 에러가 있다고 나오는 군요....OTL
게다가 고칠 능력도 없다는....;;
reply edit
말씀드렸듯이 저는 300여개가 넘는 오류가 있었습니다. 80%가 넘는 좌절 게이지를 딧고 일어났습니다. ㅡ.ㅡ;; 앞으로 더욱 나은 블로깅 환경이 올 것입니다. 저같은 허접도 웹표준 준수에 동참하고 있으니까요.
reply edit
와우~ 축하드립니다.
저도 이번에 스킨을 고치면서 해봤는데요, 다른건 다 고친거 같은데 PHPSESSID 를 생성하면서 나오는 문자들 때문에 에러표시가 나오더라구요. 요건 어떻게 해야 되는지 조언 좀 부탁드려도 될까요? ;;
reply edit
a태그가 사용되는 링크에 PHPSESSID 세션들이 덧붙는 군요. 호스트의 문제일 수도 있습니다. 이 문제를 빼면 유효성 검사를 무사히 통과할 것입니다. 일단 아래의 링크에서 간단한 PHPSESSID 세션 제거 방법을 소개하고 있으니 시도해 보시기 바랍니다.
http://docbook.or.kr/phpBB2/posting.php?mode=quote&p=738&sid=bffb45faac5469367c2f9dd1345ff3b9
reply edit
감사합니다. 여러가지 찾아보았으나 호스팅쪽 문제같더라구요.
그러다가, 파이어준님이 알려주신 사이트에서 힌트를 얻어서 해결책을 찾았습니다. ^^
reply edit
유효성 통과하셨군요! 축하드립니다.
reply edit
ini_set('arg_separator.output', '&');
를 사용하시면 굳이 phpsessid 변수를 없애지 않고도 validation을 통과시킬 수 있습니다. :)
reply edit
W3C 유효성검사 통과 (HTML 4.01 & CSS)
뽐뿌 받아 패쓰했습니다. 평소 많은 도움을 얻고 있습니다. 감사합니다. ^^
그나저나 트랙백 보냈는데 여기 안뜨네요... 왠 일일까...
reply edit
축하합니다. 테스트 결과 트랙백에는 문제가 없습니다. 조금더 살펴 보아야겠습니다.
reply edit
스킨만 통과하면 될줄알았었는데...
블로그를 전체 다 검사해보는 사이트를 이용해봤더니 전에 포스팅한것들이 걸리네요... ^^
에휴.. 암튼 성공했습니다. 늦게나마 트랙백 쏘아봅니다 ^^
reply edit
축하드립니다. 힘겨운 작업을 하셨군요. 저도 검사해보니 25%정도의 페이지에서 에러가 나는군요.
reply edit
validator.cn에서 W3C 검사를 한번에 해봤다...
Your Reaction Time!