HTML5로 만들어진 사이트들

HTML5는 2009년 4월 23일 현재 Working Draft 상태입니다. 하지만 이미 많은 개발자와 디자이너들은 최신의 웹브라우저를 통해서 HTML 5 기반의 웹 사이트를 구축하여 소개하고 있습니다.

HTML 5 Gallery는 그런 사이트들을 모아둔 곳입니다.

HTML 5 Gallery

Jeffrey Zeldman은 8일 오전 'HTML 5 Gallery'를 소개하는 글을 통해서 이 갤러리의 두가지 목적을 설명하고 있는데요.

하나는 HTML 5 로 마크업된 사이트들을 소개하는 것이고, 또 다른 하나는 이렇게 소개된 사이트들을 통해서 HTML 5을 배우고자 하는 사람들에게 HTML 5를 어떻게 구현하고, 적용해야 하는지를 방법을 제시해 줄 것이라고 이야기하고 있습니다. 더불어 웹 브라우저 개발자들이 얼마나 많은 사람들이 HTML 5를 구현하는지 지켜보면서 그들의 엔진을 향상시킬 것이라고 기대하고 있습니다.

HTML 5 Gallery에는 현재(09. 6. 9) 41개의 사이트들이 등록되어 있으며, HTML 5 Gallery 트위터 페이지를 통해서 새로운 HTML 5 사이트를 등록할 수 있습니다.

추신/ 갤러리에 등록된 사이트들을 HTML 5를 지원하는 최신의 브라우저들과 IE6와 같이 구 브라우저에서 함게 확인해보면서 HTML 5의 새로운 마크업을 살펴보면 꽤나 흥미롭습니다.

미국내 100대 사이트의 웹표준 준수율은?

Jeffrey Zeldman이 그의 저서 Designing With Web Standards 세번째 판을 작업하면서 Alexa에서 조사한 미국내 100대 사이트들의 마크업 유효성 검사를 해 본 결과를 소개했습니다.

100대 사이트 중 단 7%(7개 사이트)만이 마크업 유효성 검사를 통과한 것으로 나오는데요 다음과 같습니다.

1. MSN (#7 in Alexa’s list) validates as XHTML 1.0 Strict. Who’d a thunk it? (Validation link)
2. Craigslist (#10) validates as HTML 4.01 Transitional. I’ll buy that! (Validation link)
3. WordPress (#22) validates as XHTML 1.0 Transitional. The power of the press, baby! (Validation link)
4. Time Warner RoadRunner (#39) validates as XHTML 1.0 Transitional. Meep-Meep! (Validation link)
5. BBC Newsline Ticker (#50) validates as XHTML 1.0 Strict. Cheers, mates! (Validation link)
6. The US Internal Revenue Service (#58) validates as HTML 4.01 Transitional. Our tax dollars at work! (Validation link)
7. TinyPic (#73) (”Free Image Hosting”), coded by ZURB, validates as XHTML 1.0 Transitional. (Validation link)

아쉽게 마크업 유효성 검사를 통과하지 못한 것들은 다음과 같습니다.

1. Wikipedia (#8) almost validates as XHTML 1.0 Strict (two errors).
2. Apple (#29) almost validates as HTML 4.01 Transitional (two errors).
3. Linkedin.com (#45) almost validates as HTML 4.01 Transitional (one error).
4. AWeber Communications (#83) almost validates as XHTML 1.0 Transitional (one error: an onClick element)

Zeldman도 MSN의 결과를 믿을 수 없는 것(Who’d a thunk it?) 같다고 하는데요 저 역시 놀랍네요! 그것도 XHTML 1.0 Strict 으로 말이죠! 자사 브라우저는 그 따위로 만들어 놓고, 웹 사이트는 표준을 준수하려고 했다니! 뻔뻔스럽기까지 하군요. 한국 MSN 사이트 역시 유효성 검사를 무사히 통과하는군요. 흠.

어쨌든 상당히 재밌는 조사인 것 같습니다. 국내 100대 사이트도 한번 훑어 봐야겠는걸요.