내 블로그의 HTML, CSS code 분석하기

예전 제가 쓴 글에서도 이야기를 했지만 '내 블로그, 다른 브라우저에서는 제대로 보일까?' 는 문제는 대부분의 사람들이 쉽게 지나칠 수 있는 부분입니다. 대부분의 블로거들은 자신들의 웹브라우저를 기준으로 블로그를 Modify 합니다. 그리고 대부분 한 종류, 혹은 두 종류의 브라우저만 사용합니다. 그 이유는 자신이 사용하는 브라우저가 가장 손에 익숙해져 있는 상태이기 때문이겠죠.

저는 원래 HTML code 부분은 'H' 도 모르는 사람입니다. 단지 구글 애드센스(Google Adsense) 배치 최적화를 위해 이런저런 도움말들을 읽으면서 '이런 기술도 있었구나(-_-;;)' 알게되었습니다. 하지만 이번 제 경험을 통해 하나의 브라우저에서 잘 보이는 것도 다른 것에서는 완전 달나라 여행을 간다는 것을 깨달았습니다. 사실 이런 부분은 좀 이해가 안되는 것이 왜 하나로 통일해서 만들지 않는지 궁금합니다. 그러면 이런저런 수정도 필요없고 한번에 그냥 모든 브라우저에서 다 잘 보일건데요. ^^(하긴...전 지구인이 하나의 두뇌로 생각을 할 때가 되어야 이런 일이 생기지 않겠죠)

look isn't rook

저는....별 상관없습니다만(사실 능력이 안되는 것이지만요) HTML이나 CSS를 사용하시는 분들은 자신의 브라우저가 어떻게 보일지, 그리고 어떤 부분의 Code가 잘못되어 있는지 확인하고 싶으실 겁니다. 하지만 그걸 일일이 한 줄 한줄 읽어가며 할 수는 없는 노릇이고...저도 잠시 제 블로그의 HTML code를 메모장에 복사를 해보니 무슨 외계언어로 쓰여진 성경책 같더군요 orz...


1. 이 곳에 자신의 웹사이트 주소를 입력합니다.(HTML을 분석하는 곳입니다)
    이 곳은 CSS 분석하는 곳입니다.

2. 약간의 추가 옵션이 있습니다.
    영어 단어를 안다고 알만한 내용이 아니군요. -_-a

3. 그리고 Check! 간단합니다.

4. 결과는 금방 나옵니다. Validation Output 이 자그마치 103개의 error가 보이는군요.
    아마 HTML code를 잘 아시는 분은 보시면 이런 에러는 사소함, 혹은 이건
    심각하니 고쳐야겠다는 것을 금방 파악하시리라 짐작됩니다.

가셔서 자신의 블로그의 HTML code를 분석, 확인하시길 바랍니다.
(전..도무지 모르겠네요. 그림의 떡입니다)