w3c 통과.png

스킨작업을 하면서 웹 표준을 지키는 코딩에 도전하게 되었습니다. 그리고 스킨만으로는 웹표준을 준수할수 없는 것을 알게 되었고, 태터툴즈 클래식의 웹 표준에 반하는 코드도 모두 뜯어고쳐 W3C의 표준 유효성 검사를 통과하였습니다. 처음에는 300개가 넘는 오류로 자포자기하고 있었지만, 하나하나 수정하기 시작하여 태터툴즈 클래식을 사용하는 블로그도 웹 표준 유효성 검사를 통과하게 된 것입니다. 이곳 외에도 Tyburn님과 Vincent님도 이미 클래식을 XHTML1.0까지 통과시킨 전적이 있습니다.

W3C HTML 4.01 웹 표준 유효성 검사 바로가기

valid-html401.png

유효성을 통과하면 좌측의 배너를 사용하여 언제든지 해당 웹 페이지의 유효성 검사를 해볼수 있습니다. 태터툴즈 클래식을 웹 표준 준수 블로그툴로 만들기위한 가장 까다로웠던 작업은 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.

  • The Darkness The Darkness

    이 작업 꽤 힘들던데요.
    저도 집에서 돌리는 페이지에는 적용시켜 보고 있습니다.

    reply edit

  • 파이어준 파이어준

    건투를 빕니다. 웹을 되찾읍시다.

    reply edit

  • Blue Luna Blue Luna

    드디어 w3c 검사 통과!

  • Tyburn Tyburn

    축하드립니다. ^^

    reply edit

  • 파이어준 파이어준

    감사합니다. 제가 클래식 최초인줄 알고 우쭐대고 있었는데 Tyburn님께서 먼저 통과하셨더군요! 훌륭하십니다.

    reply edit

  • antiwa antiwa

    대단하십니다 ^^;

    reply edit

  • 파이어준 파이어준

    감사합니다. 이것은 언젠가는 꼭 치루어야 할 일이라고 생각됩니다.

    reply edit

  • Logos - Blog Logos - Blog

    난 XHTML 1.0 통과~!

  • kebie kebie

    지난주에 작업을 했었는데, 그당시에 웹표준 통과시키느라고 고생좀 했죠... 그외에 파이어폭스 플러그인으로 HTML validation 검사도해봤는데 태터툴즈의 innerHTML 과 적용해준 팁들에서 에러가 수백개가 되더군요. 웹표준 통과보다 HTML validation 수정이 훨씬 힘들었다는... ^^;

    reply edit

  • 파이어준 파이어준

    kebie님도 통과하셨었군요! 늦었지만 축하드립니다. 저도 HTML Validator의 조언을 참고하여 한결 수월하게 작업할 수 있었습니다. DHTML 윈도와 관련된 스크립트를 아직도 고치지 못하고 있습니다. ;;

    reply edit

  • daybreaker daybreaker

    예전에 XHTML 1.0 Transitional을 통과했었고(지금은 계속 버전업하면서 덮어씌웠기 때문에 안 됩니다만..), 얼마 전 마무리한 홈페이지 알바는 XHTML 1.0 Strict를 거의 완벽하게 준수하게 했지요.

    힘들기는 하지만 일단 한 차례 홍역을 치르고 나시면 그 다음부터는 훨씬 수월하실 겁니다. :)

    reply edit

  • 파이어준 파이어준

    대단하시군요, 이작업 정말로 홍역입니다. 그동안 웹표준을 잘근잘근 씹어먹은 대가를 단단히 치루었습니다. 저도 이제 한단계 업그레이드 한 느낌입니다.

    reply edit

  • ING ING

    흐흐...전 무려 187개의 에러가 있다고 나오는 군요....OTL
    게다가 고칠 능력도 없다는....;;

    reply edit

  • 파이어준 파이어준

    말씀드렸듯이 저는 300여개가 넘는 오류가 있었습니다. 80%가 넘는 좌절 게이지를 딧고 일어났습니다. ㅡ.ㅡ;; 앞으로 더욱 나은 블로깅 환경이 올 것입니다. 저같은 허접도 웹표준 준수에 동참하고 있으니까요.

    reply edit

  • jungtime jungtime

    와우~ 축하드립니다.
    저도 이번에 스킨을 고치면서 해봤는데요, 다른건 다 고친거 같은데 PHPSESSID 를 생성하면서 나오는 문자들 때문에 에러표시가 나오더라구요. 요건 어떻게 해야 되는지 조언 좀 부탁드려도 될까요? ;;

    reply edit

  • 파이어준 파이어준

    a태그가 사용되는 링크에 PHPSESSID 세션들이 덧붙는 군요. 호스트의 문제일 수도 있습니다. 이 문제를 빼면 유효성 검사를 무사히 통과할 것입니다. 일단 아래의 링크에서 간단한 PHPSESSID 세션 제거 방법을 소개하고 있으니 시도해 보시기 바랍니다.
    http://docbook.or.kr/phpBB2/posting.php?mode=quote&p=738&sid=bffb45faac5469367c2f9dd1345ff3b9

    reply edit

  • jungtime jungtime

    감사합니다. 여러가지 찾아보았으나 호스팅쪽 문제같더라구요.
    그러다가, 파이어준님이 알려주신 사이트에서 힌트를 얻어서 해결책을 찾았습니다. ^^

    reply edit

  • 파이어준 파이어준

    유효성 통과하셨군요! 축하드립니다.

    reply edit

  • daybreaker daybreaker

    ini_set('arg_separator.output', '&');
    를 사용하시면 굳이 phpsessid 변수를 없애지 않고도 validation을 통과시킬 수 있습니다. :)

    reply edit

  • 정타임, 생활의 발견. 블로그 정타임, 생활의 발견. 블로그

    W3C 유효성검사 통과 (HTML 4.01 & CSS)

  • Arnie Arnie

    뽐뿌 받아 패쓰했습니다. 평소 많은 도움을 얻고 있습니다. 감사합니다. ^^
    그나저나 트랙백 보냈는데 여기 안뜨네요... 왠 일일까...

    reply edit

  • 파이어준 파이어준

    축하합니다. 테스트 결과 트랙백에는 문제가 없습니다. 조금더 살펴 보아야겠습니다.

    reply edit

  • Ohyung Ohyung

    스킨만 통과하면 될줄알았었는데...
    블로그를 전체 다 검사해보는 사이트를 이용해봤더니 전에 포스팅한것들이 걸리네요... ^^
    에휴.. 암튼 성공했습니다. 늦게나마 트랙백 쏘아봅니다 ^^

    reply edit

  • 파이어준 파이어준

    축하드립니다. 힘겨운 작업을 하셨군요. 저도 검사해보니 25%정도의 페이지에서 에러가 나는군요.

    reply edit

  • Ohyung´s Blog Ohyung´s Blog

    validator.cn에서 W3C 검사를 한번에 해봤다...

Your Reaction Time!

avatar

captcha