Channy's HTML5

HTML5CSS와 관련된 최신 웹 표준 기술에 대한 가이드 및 자료를 모아서 제공 합니다.

HTML5 콘텐츠 요소 판별법

HTML5에 새롭게 추가된 의미적 마크업 들에 대한 사용 방법에 대한 혼란이 많다. 특히, divsection, article 등에 대한 사용법이 헛갈린다.

본 도표는 어떤 경우 HTML5의 새로운 콘텐츠 마크업을 써야 하는지 순서도를 통해 나타내 손쉽게 판별할 수 있게 도와 준다. HTML5 Doctor를 통해 공개되었으며 Piotr의 아이디어를 Oli이 작성한 것이다. 한국어로는 윤석찬이 번역하여 배포한다.

* PDF 버전 (영문) | JPG 버전 (영문)

실전 HTML5 가이드

국내 웹 표준 커뮤니티에서 HTML5 오픈 콘퍼런스를 개최하고 강사들이 발표 자료 및 실전 가이드를 공개하였습니다.

본 가이드는 HTML5의 기본 개념을 배우고 모바일 웹에서 실질적으로 사용할 수 있도록 다섯명의 발표자들이 각자 자원 봉사로 작성하였습니다. 총 5장으로 구성 되어 있으며, HTML5 소개 및 마크업, CSS3, HTML5 APIs 및 iPhone에서의 웹 앱 개발이 포함되어 있습니다.

A4 인쇄용 | B5 인쇄용

문서 자료

HTML5와 HTML4의 차이점

이 문서는 W3C HTML W/G에서 만든 HTML5 differences from HTML4라는 문서의 번역본으로 HTML 4와 HTML 5 표준안 사이의 차이점을 설명하고 각 변경 사항에 대한 정보를 제공합니다. HTML 5 표준안은 현재 작성중이므로 부정확한 정보가 포함되어 있을 수 있습니다. HTML 5에 대한 자세한 사항은 표준안을 직접 검토하기 바랍니다.

↓ HTML 4와 HTML 5의 차이점 (2010년 3월 4일 업데이트)

HTML5의 모든 것

HTML5에 대한 간략한 소개, 표준 문서 소개, 발표자료 및 블로그 글 모음, 외부 기고 및 외부 자료 등을 모아 놓은 정보 목록 입니다. HTML5에 대한 정보를 처음 접하는 분들께 도움이 되었으면 합니다.

↓ HTML 5의 모든 것 (Channy's Blog)

마크업 미래에 대한 오해

DOM Scripting의 저자인 Jeremy Keith가 주인공이 된 "마크업의 오해"(Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip)는 XHTML2는 기존의 마크업과는 완전히 다르며, XHTML은 죽지 않고 HTML 5를 통해 계속 계승된다는 이야기입니다. 본 만화는 HTML5 마크업에 대한 오해를 알기 쉽게 풀어줍니다.

↓ 마크업의 미래에 대한 오해 (Channy's Blog)

관련 사이트

Working on...

WebCrypto API

본 표준안은 Mozilla와 한국 웹 표준 커뮤니티가 공동으로 작업하고 있는 웹 표준 기반 인증 서비스의 초안으로 요구 사항을 담고 있으며 W3C WebApps W/G에 제안 준비중입니다.

의료 응용

HTML5를 이용한 의료 데이터 처리 및 시각화 도구 개발에 대한 PT3D Tooth Demo를 보실 수 있습니다.