웹표준 - 당신의 블로그는 웹표준을 지켰나요??

웹표준 - 당신의 블로그는 웹표준을 지켰나요??
작성자 : 해커 C
요약 : 웹표준 블로그 (웹표준 검사결과, acid3 검사결과)
주의 : 실제와 다른 내용이 포함 될 수도 있음

안녕하세요!! 해커 C 입니다. 다들 점심 맛있게 드셨나요??

오전 내내 비가 오더니.. 이젠 오질 않네요 ㅋㅋ

자 요즘 "해커 C 이야기"는 웹표준을 마추기 위해.. 한동안 포스팅도 못하고.. 수정작업을 하고 있습니다.

여러분들도 한번 체크 해보세요!!



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
먼저 익스플로러 8 에서 확인한 결과 입니다.

DIV 가 대문자로 표시 되는게 보이시죠??

또, FONT가 대문자로 나오고 폰트의 컬러에 "" 따옴표가 없습니다... 됀장......

그리고 원래 테두리 색상에서도 #000000 이렇게 표시가 됬습니다만,

파이어폭스로 수정을 해버려서... #이 들어간 스샷을 첨부 못했네요. 익스플로러 사용하시면

아마 다들 보시게 될껍니다.. #000000 이런식으로..



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
그리고 파이어폭스 3.6.6 버전에서 입니다.

파이어폭스에서는 자동으로 소문자가 입력이 되고,

폰트컬러 부분의 "" 따옴표도 입력을 하지 않을 경우 자동으로 입력이 되더군요..




웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
파이어폭스 기능중에 아주 좋은 기능이죠!!

웹표준에 어긋난곳이 얼마나 있는지 알수가 있습니다.!!

"해커 C 이야기" 의 경우. 최신글들은 다 수정을 했지만.. 발행한지 좀 된것들은 아직 수정을 못했습니다.

저번주에 전체글을 수정 했는데.. 익스플로러에서 해버린 바람에.. 다시 하고 있습니다..

현재 해커 C 블로그는  광고빼고는 오류가 없습니다. 스킨도 다 수정했구요!!



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
그리고 어느 구간에서 오류가 났는지 아주 상세히 볼수가 있습니다.

그리고 오류를 어떻게 수정하면 되는지도 설명이 되어 있습니다. ㅋ




웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
그리고 웹표준, 유효성 검사를 해주는 사이트 입니다.

http://validator.kldp.org/

자신의 블로그 주소를 적고 또는 사이트 주소를 적고 검사를 누르면 됩니다.



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
해커 C 오류검사 결과... 에러가 많은거 같죠??..

해커 C 블로그 자체적인 에러는 하나또 없습니다.!!

저기에 검출된 에러들은 광고영역에 들어간 아이프레임들.. 등등에 의해서 ㅠㅠ



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
결과를 보시면 알겠지만, 해커 C 블로그는 웹표준을 지키고 있습니다 !! ㅋㅋ

웹표준 마크 달아도 되겠죠??...




웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
익스플로러 acid3 검사 결과  100점중에 20점...



웹표준, HTML, HTML5, 웹표준검사, CSS, CSS3
파이어폭스 acid3 검사 결과 100점중에 94점 ㅋ

http://acid3.acidtests.org/

웹 브라우저가 DOM과 자바스크립트와 관련하여

 웹 표준을 준수하고 있는지를 검사하는 웹 표준 프로젝트의 테스트 페이지


진짜.. 그동안 모르고 익스플로러에서 글을 발행하고 있었는데...

소스를 우연찬게 봤는데.. 다 잘못되어 있더군요 ㅠㅠ;;

xhtml 에서는 속성과 이름들, 소문자로 입력을 해야 한다고 하던데.. 이노무 익스플로러 넘이

대소문자를 구별 못하고,, 지멋대로 변경 해 버리더라구요 ㅠㅠ

여러분들도 한번 확인 해보시는건 어떨까요??.. 웹표준에 잘마쳐진 블로그나 사이트는 검색노출에도

조금 유리하다는 결과가 있죠?.. 크롤러가 좋아 하는 사이트를 만들어 봅시다!!