HTML5의 모든 것

애플 iPad 논란과 유튜브 HTML5 지원 이슈와 Flash vs. HTML 5 이슈를 거치면서 HTML 5에 대한 반응이 국내에서 커지고 있군요.

지난 주에 했던 블로터 포럼 인터뷰가 어제 올라간 후 저에게 이런 저런 문의를 해 주신 분들이 많습니다. 제가 가지고 있는 지식이나 경험은 짧지만 최대한 가지고 있는 것을 하나의 글에 제공해 드려 보도록 하겠습니다. 아래 글은 개인적으로 관리하던 HTML 자료 모음집을 합친 것입니다.

트위터를 검색하면 맨 위에 있는 Twitter의 모든 것 처럼 HTML5에 궁금증이 있으신 분들을 위해 모아서 공유 합니다. 앞으로 좋은 자료를 찾는 대로 계속 업데이트 해 보겠습니다. 업데이트 부분만 보시려면 여기를 누르세요.

I. HTML 5 소개

HTML 5는 W3C에서 만들고 있는 차세대 웹 표준으로서 마이크로소프트, 모질라, 애플, 구글, 오페라 등 모든 웹 브라우저 벤더가 참여하고 있는 산업 표준이기도 합니다. 2004년 WHATWG의 초안으로 부터 시작된 이 표준안은 시맨틱 마크업, 편리한 웹폼 기능, 리치 웹 애플리케이션 API 들을 담고 있으며 2007년 부터 W3C HTML W/G에서 표준안이 만들어 지고 있습니다.

HTML5의 주요 목적은 과거 HTML의 호환성을 유지하면서 웹 개발자들이 실질적으로 부딫히는 문제를 해결 하고 HTML 문서가 좀더 의미 있으면서도 리치 웹 애플리케이션 기능을 수행할 수 있는 범용 표준을 만드는 데 있습니다. 즉, 웹 문서 기반을 그대로 유지하면서 웹 브라우저 간의 상호 운용성을 위한 세부적인 지침을 담고 있으며 필요에 따라 각 이해 관계자를 위한 별도 문서도 제작해서 배포하고 있습니다.

HTML5는 향후 웹 브라우저의 가장 표준 기반 렌더링 엔진의 문서 타입이 될 것입니다.

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>예제 문서</title>
  </head>

  <body>
    <p>예제 단락</p>
  </body>
</html>

1. 효율적인 마크업

HTML 5에서는 그동안 모호하던 웹 브라우저 구현에 대한 상세 스펙을 제공합니다. 따라서, 웹 개발자들이 과거 스펙의 호환성을 유지하면서도 향후 버전에 정확한 기능 사용이 가능합니다. 이미 구글 및 애플 등 많은 사이트들이 HTML5로 문서 작업을 하고 있습니다.

또한, HTML 5에서는 기존의 HTML4 보다 확장된 태그들을 지원합니다. 특히, 문서 구조에 적합하게 header, footer, nav, section 같은 구조화 마크업을 사용할 수 있습니다.

time, mark, meter, datalist 등과 같은 특정 의미 기반 태그들도 추가로 지원 됩니다. 여전히 많이 쓰이고 있는 b의 경우 b는 키워드, i는 학명에 사용하도록 기존 많이 사용하는 요소도 그대로 이용할 수 있습니다.

하지만, CSS로 완전 대체 가능한 big, center, font, s, strike 같은 스타일 기반 요소는 완전히 없어집니다. 또한, frame과 applet, acronym 같은 부정적인 요소들도 사용하지 않습니다.

2. 편리한 웹 폼(WebForm) 기능

HTML5는 개발자의 수고를 들어 줄 Form 기능 개선을 담고 있습니다. input 태그의 각종 type 속성이 추가되어 다양한 기능을 제공해 줍니다.

datetime 속성값을 사용하면 달력을 웹 브라우저에서 제공해 주며, range 속성은 스크롤바를, url은 웹 사이트 목록, email은 메일 주소 유효성 확인을 해 주기도 합니다. color 속성은 색상표를 별도 개발 없이 사용할 수 있습니다.

Form 양식은 모두 유효성 확인 기능을 켜거나 끌 수 있어, 폼 작업 시 늘 하던 자바스크립트 유효성 검증 개발 시간을 줄여주어 개발자들의 효율적인 개발이 가능합니다.

3. 리치 웹 미디어

HTML 5는 웹 어플리케이션 작성에 도움을 줄 다양한 API를 제공 합니다. 새로 만든 HTML 요소들과 함께 더 좋은 어플리케이션 개발에 사용할 수 있습니다.

  • 2차원 그래픽 API에 사용할 수 있는 canvas 요소.
  • 내장 비디오 및 오디오 재생을 위한 video, audio 요소.
  • 내장 저장소. 키/값이나 SQL 기반 데이터베이스 지원을 위한 기능.
  • 오프라인 웹 애플리케이션 기반 API.
  • 웹 애플리케이션이 독립적으로 특정 프로토콜 및 미디어 형식을 등록할 수 있는 API.
  • contenteditable 속성과 함께 지원 되는 편집 API 기능.
  • draggable 속성과 함께 지원 되는 드래그앤 드롭 API 기능.
  • 페이지 앞/뒤 네비게이션을 지원할 방문 기록 표시용 API 기능. (보안 제한 모델이 있음)
  • (원격) 다중 메시징 처리 기능.

특히, 멀티미디어 가능을 제공하는 Audio, Video, Canvas는 기존의 플러그인 기능을 대체할 수 있는 요소로서 웹의 일부로 자리 잡았ㅇ으며, 내장 저장소(DOM Storage)와 오프라인 캐시(Offline Cache)등은 웹 문서를 로컬에 소프트웨어 처럼 설치할 수 있도록 하고 버전 업데이트를 할 수 있게 하여 온라인 상태에서 항상 웹 서버에 접속 해야하는 웹 애플리케이션의 문제를 해결해 줍니다.

II. HTML 5 표준 문서 소개

웹 표준을 만드는 웹 컨소시움(W3C)의 표준 문서들은 대체로 읽기 어려운 것으로 알려져 있다. HTML 워킹그룹에서는 이용자와 가장 친숙하게 접근할 수 있도록 이러한 문제점을 보완하기 다양한 관점에서 각기 다른 표준 문서를 제공하고 있습니다.

본 문서는 HTML5를 접하는 이용자들을 위해 어떠한 표준 문서가 제작되고 있는지 소개해 주고자 한다. 2009년 4월 이전에는 아래 소개된 문서들이 HTML 5 표준안에 함께 담겨 있었으나 분량이 많고 기존 마크업 기반 내용과 혼란을 준다는 측면에서 분리해서 관리하고 있습니다.

1. 일반 문서

1.1 HTML 5 :A vocabulary and associated APIs for HTML and XHTML
HTML 5의 원래 표준안으로 분량이나 내용이 모두 웹 브라우저 개발자를 위해서 만들어져 있다. 가급적이면 HTML 5 표준안 보다 아래에 있는 대로 관점에 따라 적당한 문서를 보는 것이 좋겠다.

1.2 HTML 4와 HTML 5의 차이점 (한국어)
HTML 5 differences from HTML 4라는 문서는 기존 HTML에 익숙하던 사람들이 HTML5에서 무엇이 바뀌었는지 알 수 있도록 만든 소개 문서이다. 이 문서는 HTML 5 입문자들이 읽기에 적당하며 연도별 주요 변경 내용도 담고 있으며 한국어로 번역되어 제공된다.

1.3 HTML 디자인 원칙
이 문서는 HTML5 표준을 만드는 데 있어, 의사 결정의 기본 원칙이 되는 사항을 모아 두고 있다.

  1. 호환성 – 기존의 HTML 문서를 최대한 지원, 단계적 기능 축소(Graceful degradation), 기존 기능 재사용 및 엄격한 잣대를 대지 않는 것
  2. 유용성 – 실제 웹 개발자들이 겪고 있는 가장 중요한 문제를 순위에 따라 나누되 문제점을 분리해서 독립적으로 해결 함.
  3. 상호 호환성 – 브라우저 엔진 호환을 위해 최대한 자세한 스펙을 기술하되 복잡하지 않고 오류 처리 방법을 꼭 기술.
  4. 보편적 접근성 – 미디어 포맷 독립성, 전 세계 언어 지원, 웹 접근성 보장

2. 웹 퍼블리셔

2.1 HTML5 표준안(웹 개발자 관점)
기존 HTML 5 스펙은 웹 브라우저 개발 회사를 위해 기술된 표준안이다. 개발자 관점에서 무엇이 어떻게 바뀌었고 어떻게 사용할 수 있는지 보여 줄 수 있는 문서가 필요하다. 과거 W3C 표준안들의 문제점이 바로 이용자가 아닌 개발자 위주로 만들어져 있어 읽기 어려웠다는 것이다. 이 문서는 바로 이용자 즉, 웹 개발자를 위한 스펙이다.

2.2 HTML 마크업(저작자 관점)
이 문서는 HTML5 표준안(웹 개발자 관점)의 하부 문서로서 HTML 문서를 주로 저작하는 웹 퍼블리셔 혹은 HTML 코더를 위해 만들어진 문서이다.

2.3 HTML Microdata
마이크로 데이터는 흔히 마이크로 포맷으로 알려진 시맨틱 데이터 정의를 범용적으로 만든 것이다. itemprop라는 속성을 통해 사용자 정의로 의미를 부여해 검색 엔진이나 시맨틱 엔진이 이를 처리할 수 있게 하였다. 사실상 비슷한 역할을 하는 RDFa와 함께 논의 되고 있는 중이다.

3. Rich UI 개발자

3.1 HTML Canvas 2D API
HTML5의 Canvas 태그 내 각종 객체를 그리고 생성하는 데 필요한 API를 기술하고 있다.

3.2 HTML Canvas 2D Context
HTML5의 Canvas 태그 내 각종 객체를 회전, 변환하고 그레디언트, 이미지 생성 등 각종 효과를 주는 기능 부분을 기술하고 있다.

참고로 Mozilla의 Canvas 튜토리얼이나 애플의 Canvas 예제를 보면 편할 것이다.

4. 웹 애플리케이션 및 백엔드 개발자

4.1 Server-Sent Events
웹 서버로 부터 전달(Push)되는 데이터 예를 들어 SMS 같은 것을 받을 수 있도록 EventSource를 정의하고 이벤트를 기다릴 수 있도록 하는 API를 기술하고 있다.

4.2 HTML5 Communications
이 스펙은 기존 Ajax의 단점으로 알려진 크로스 도메인 문서 접근을 가능하게 해 주는 스펙이다. 마이크로소프트의 XHR 때문에 약간 논의가 지지부진한 면이 있지만 텍스트를 위한 서버 통신을 지원해 준다. 물론 보안 사항에 대한 부분도 중요하게 다루어지고 있다.

4.3 Web SQL Database
자바 스크립트를 이용해 웹 브라우저 내장 데이터베이스에 SQL을 통해 질의하는 API이다. 오프라인 웹 애플리케이션 개발이나 모바일에서 로컬 데이터 캐싱이 필요할 때 유용하게 사용할 수 있으며, 일반적인 DB 라이브러리 수준의 메소드를 지원해 준다.

4.4 IndexedDB
IndexedDB는 Key와 Value를 기반한 데이터 스토어를 제공하는 새로운 웹 기반 클라이언트 데이터 베이스 형식으로 Web SQL Database와 경쟁을 하는 스펙으로 Mozilla와 Oracle에서 지지 하고 있다.

4.5 Web Sockets API
한 웹 페이지에서 서로 다른 서버에 있는 웹 페이지에 양방향 통신을 할 수 있는 별도 프로토콜을 정의할 수 있는 API이다.

4.6 Web Workers
웹 애플리케이션이 주 문서와 병렬적으로 스크립트를 백그라운드로 수행할 수 있게 해 주는 API. 쓰레드 기반 메시지 처리를 가능하게 해 준다. CPU 부하를 많이 잡는 작업을 여러 워커(worker)로 나누어 작업하거나 클라이언트 DB를 업데이트 하거나 나누어서 작업이 가능한 자바 스크립트 API를 제공해 준다. 흥미로운 점은 암호화 작업에 대한 유즈케이스를 담고 있어서 웹 브라우저들이 지원만 한다면 향후 전자 서명 기능을 제공해 줄 수도 있을 듯.

III. HTML 5 관련 발표 자료 및 글모음

본 문서는 제가 2005년 부터 HTML 5에 관심을 가져 오면서 만들었던 자료와 블로그 글 모음입니다. 예전 자료들인 만큼 낡은 내용도 있지만, 그간의 발전 과정 및 관련 이슈를 상세하게 다루고 있으므로 HTML 5의 역사를 파악하는데 도움이 될 것 입니다.

1. 발표 자료

HTML5와 모바일 웹 (2009)

View more presentations from Channy Yun.

HTML5 역사와 현황 (2008)

History and Status of HTML5
View more presentations from Channy Yun.

웹 표준의 미래 – HTMl5 (2006)

View more presentations from Channy Yun.

2. 블로그 글 모음

  1. IE9, HTML5 준수한다! 2009-11-19
  2. 요즘 HTML5에 무슨 일이… 2009-09-27
  3. 모바일과 HTML5 – 미래웹포럼 후기 2009-09-10
  4. HTML5 킬러앱은 ‘모바일’? 2009-08-28
  5. 마크업의 미래에 대한 오해 2009-08-24
  6. 구글은 왜 on2를 샀을까? 2009-08-07
  7. XHTML2.0 역사속으로? 2009-07-03
  8. Mozilla, 오픈 비디오 지원 10만불 쏜다! 2009-01-28
  9. 웹 애플리케이션은 전쟁 중! 2008-02-28
  10. 웹 표준, 나쁜 뉴스와 좋은 뉴스 2008-01-24
  11. HTML5에서 미디어 포맷 논쟁 중… 2007-12-12
  12. 반론: 차세대 웹은 브라우저를 초월하여… 2007-11-28
  13. 파이어폭스 SVG 비디오 시연 2007-08-22
  14. HTML5를 주목해야 하는 이유 2007-07-11
  15. HTML5와 HTML4의 차이점 2007-07-01
  16. 웹어플리케이션 전쟁 본격화 되나? 2007-06-07
  17. W3C HTML 워킹 그룹 부활! 2007-03-14
  18. HTML5와 웹 표준 전망에 대한 발표 자료 2006-12-04
  19. 팀 버너스리, 위기의 W3C 구하기 (2) 2006/11/09
  20. 팀 버너스리, 위기의 W3C 구하기 (1) 2006/11/03
  21. RFC: 새 HTML에 대한 의견 청취 2006-11-10
  22. 2차 웹 브라우저 전쟁, 관전 포인트는? 2006-11-01
  23. WHATWG의 도전 2005-9-15

3. 외부 기고

4. 만화

HTML 5가 대두되면서 기존 XHTML과의 관계에 대한 이야기를 만화로 만든 것으로 Jeremy Keith 원작이며 마크업의 미래에 대한 오해에 한국어 전문이 있다.

IV. HTML5 외부 자료

본 문서는 HTML5에 대한 외국에 있는 각종 웹 사이트, 튜토리얼, 데모, 참고 문헌 등을 모은 것입니다. 모두 영문으로 되어 있지만 많은 것을 얻을 수 있습니다. 관련 자료가 한국어로도 제공됐으면 하는 바램이 있습니다.

1. 웹 사이트

  • HTML5 Rocks – 구글이 만든 예제 슬라이드, 코드 샘플 등
  • HTML5 Games – HTML5로 만든 웹 기반 게임 목록
  • HTML5 Test- 웹 브라우저의 HTML5 지원 점수 확인 사이트
  • HTML5 Doctor – HTML5 이용 시 궁금증에 대한 해답을 제공.
  • HTML5 Gallery – HTML5 문서 형식으로 만든 웹 사이트 모음
  • HTML5 Tutorials- 간단한 예제를 튜토리얼 형식으로 소개
  • Planet HTML5 – HTML5 관련 전문가 블로그 모음

2. 문서 저작 튜토리얼

HTML5 기반 WordPress 테마

3. 리치 기능 데모

  1. SketchPad – HTML 5 Canvas 기반 그래픽 저작 도구 – by Colorjack
  2. Sublime Video Player – HTML 5 Video Player (H.264만 지원)
  3. RGraph – HTML5 Canvas Graph 라이브러리
  4. Offline Image Editor and Uploader – Drag & Drop API, DOM Storage, Application Cache, Canvas, Cross Domain Sharing 기능 등을 활용. by Mozilla Hack
  5. HTML5 Adventure – Google I/O 2009 컨퍼런스 때 선 보였던 데모 모음.
  6. HTML 5 Demos and Examples Remy Sharp가 만드는 간단한 데모 사이트
  7. Mozilla Hack Demos Firefox에 탑재된 HTML5 등 신 기능 기반 데모 모음

4. 참고 자료

각 웹 브라우저에서 HTML5의 기능을 어디까지 구현하고 있는 지 현황을 담은 문서를 제공한다.

  1. When can I use… HTML5, CSS3, SVG 등 최신 기술에 대한 브라우저 호환도표
  2. HTML5 Comparison of Layout Engines 위키피디아의 HTML5 기능별 렌더링 엔진 호환도표
  3. List of Known Implementations of HTML 5 in Web Browsers WHATWG에서 관리하고 있는 웹 브라우저 구현 문제점 목록
  4. HTML 5 coverage WHATWG 표준안 기초 호환 도표
  5. HTML5 Compatibility Quirksmode에서 관리하는 HTML5 DOM 관련 기능 호환표.
  6. HTML5 Cheat Sheet

V. 최신 소식 업데이트

이 부분은 본 가이드가 만들어진 후 추가 되는 부분을 작성한 곳입니다. 업데이트 링크를 사용할 수 있습니다. 원 글 내용 부터 가시려면 여기를 누르세요.

1. 실전 HTML5 가이드

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

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

A4크기로 총 170페이지이고, B5크기로 206페이지입니다. 우선 A4에서 출력가능한 PDF 파일을 배포합니다. 많은 이용 바랍니다.

실전 HTML5 가이드 다운로드(A4 인쇄용) | B5 인쇄용 CC nc nd

2. HTML5 강의 동영상

실전 HTML5 가이드 저자들이 HTML5 오픈 콘퍼런시 시 한 강의 동영상 전체를 다운로드해서 보실 수 있습니다.

3. HTML5 교육 과정

지난 8월에 웹 개발자를 위하여 HTML5에 대한 10일간의 개발 교육 과정을 운영하였습니다. 강의 자료 역시 다운로드 가능합니다. 대학 및 회사에서 HTML5 교육 과정에 관심이 있으시면 연락하시기 바랍니다.

4. W3C HTML5 한국어 관심 그룹

W3C와 W3C 한국 사무국에서 일본과 중국에 이어 HTML5에 대한 한국어 사용자의 논의를 활성화 하고, 이들 표준과 관련된 한국의 코멘트와 질문들을 모아 표준에 정의된 기술에 대한 특별한 유즈케이스(Use Case)를 정리하고자 W3C HTML 한국어 관심 그룹을 만들었습니다.

본 그룹은 메일링리스트에 가입함으로서 참여 가능하며, 가입하지 않더라도 전체 메일 보기를 통해 논의 내용을 볼 수 있습니다.

5. W3C HTML5 한국어판

국내 웹 표준 커뮤니티 중 하나인 클리어보스에서 작업한 W3C HTML5 명세서 한국어 번역판을 공개하였습니다. 웹 브라우저 엔진 개발자가 참조해야 하는 부분을 제외하고 일반적인 부분은 거의 모두 번역 되어 있습니다.

상단에 마우스를 보내면 영어, 한국어를 나누어 볼 수 있고 잘못된 부분이나 궁금한 내용은 HTML5 토론방에서도 활용 가능합니다. 검은태양(kipenzam)님의 주도로 번역 되었고, 스터디에 활용하기 위해 일부 마크업과 스타일 그리고 스크립트에 변경에 가해졌습니다.

단, 마크업을 다루는 사람들에게 필요한 내용이라고 판단되는 내용 위주로 번역이 진행되었기 때문에(브라우저 엔진 개발자가 읽어야 하는 부분 생략) 완역은 아닙니다. 또한, 일부 번역에 오류가 있을 수도 있습니다.

여러분의 생각

  1. 좋은 글 감사합니다.
    이 글로 HTML5에 대한 현재까지의 모든 정보를 얻을 수 있겠네요.

  2. 좋은 포스팅 감사합니다.

  3. 최근 HTML5를 이해하기 위해서 자료를 수집하고 있는 중인데 많은 도움이 될 것 같습니다.

    사실 기존의 자료도 여럿 있는데 쉽게 와 닿지 않아 고민 중 입니다.

  4. 잘읽겠습니다. 공헌하시네요 ^^

  5. 좋은 자료 감사합니다. ^^

  6. 좋은 글, 좋은 자료 감사합니다.

  7. HTML5에 대해 관심이 많았는데 관련 사항을 일괄로 정리해주셨네요. 잘보고 갑니다.

  8. 폼나게살자 2010 2월 03 17:50

    고맙습니다. 많은 도움 되었습니다.

  9. 그저 감사할뿐입니다!

  10. 저도 각 feature별로 정리한 것을 글로 옮겨볼까합니다..
    정리 고맙습니다~

  11. 감사합니다:D 읽기도 전에 도움이 됐습니다!!

  12. HTML5 Spec.을 모두 읽는 것도 부담스러운데 이렇게 잘 정리한 내용을 올려주시니 감사할 따름입니다.

  13. 오오~ 잘 정리된글.. 잘 읽었습니다.
    출처명시후 사내 블로그에도 스크랩했습니다 ^^;;

  14. 좋은 글, 잘 읽었습니다!!

  15. 세지군 2010 2월 05 8:13

    좋은 자료 감사합니다 :)

  16. 차니님 오랜만입니다.
    정말 원더풀한 포스팅입니다^^
    잘 보고 갑니다~

  17. 아~~현재 뿌려진(??) 내용들로 개인적으로 적용해보고 있는데…구조화(section, nav등의 태그)가 너무 잘된탓에…그전보다 확실히 어려움이 느껴지더군요…

    여튼…좋은 정보 고맙습니다~~

  18. 히악.. 정리 정말 끝내주게 하셨네요… 챙겨놓겠습니다.

    그나저나 이름 넣고 댓글 올리려 보니 에러가 뜨네요. 다시 보니 전자우편을 적지 않았다고 하는데 (솔직히) 처음에 전자우편이 머리에 확 안다가왔기에 넣지 않은 것 같네요.

    좋은 표현인데, 이미 이메일 이라는 외래어가 머리속에 주류적 컨셉으로 박힌 것 같다는 생각입니다. ^ ^

  19. 박은미 2010 2월 08 13:58

    안녕하세요.우연히 웹 서핑하면서..
    선생님.. 블로그를 알게되었습니다.

    이러한 질문을 드려도 될런지…
    예를들어. 3-screen(TV, 휴대폰, 웹)에 공통으로 적용될
    웹사이트를 만들려고 한다면..
    (가능한 질문인지조차 모르겠습니다. )

    호환성? 표준성? 과 관련된
    여러 가지 기술이 있을것 같습니다.

    이러한 부분에 대한 Article이나, 서적 등이 있으면..
    추천을 부탁드려도 될까요?

    급하게 보고서를 작성해야 하는 업무가.. 주어졌는데..
    어디서부터 접근을 해야할지.. 정말
    장님.. 코끼리 더듬는 기분입니다.

    부탁드립니다. 감사합니다.

  20. 좋은 정보 감사합니다 HTML5에 대한 편견을 가지고 있었는데 개념 정리 하고 갑니다

  21. IT 선진국으로 갈수 있도록 정부,클라이언트에선 적극 지원하라!!
    모두가 튼튼하게 설계한 UI로 유지보수 비용을 아끼고 편해집시다!!

  22. 귀한 자료 감사합니다.

  23. 잘 보고 갑니다.
    이 글을 게기로 더 많은 정보를 찾아봐야겠네요
    IT 20년차가 이런것도 모르고 있었다는게 ㅠㅠ

  24. koreanaggie 2010 2월 26 22:17

    감사합니다. 최근 Adobe가 모바일에 죽쓰고 있네요. 구글이나 애플 모두 HTML5를 통해 대안을 삼을듯

  25. 좋은 자료 감사합니다! 조금 심도있게 공부해볼려하고 있었는데

    많은 도움이 될꺼 같네요~

  26. 정말 좋은 자료 감사합니다.^^
    많이 도움 받았습니다.

  27. 좋은 자료 감사합니다. 아직 국내에 HTML5에 대한 번역서라던가 하는 접근하기 쉬운 정보가 없는 상태에서 많은 도움이 될 것 같습니다.
    ^^

  28. 좋은 자료 감사합니다.

  29. 두루멀리 2010 4월 05 10:40

    당분간은 크로스브라우징에 혼선이 …흐흑
    모든 페이지의 테그를 바꾸고 가이드가 필요해지겠네요..아우~
    언젠가 편해질 운영의 그날을 위해..

  30. 모비딕 2010 4월 12 16:12

    빠른 발전에 배워야 할 것도 많고, 좋은 정보 감사합니다.

  31. 한방에 깔끔히 모두 정리를 해주셔서 감사합니다.
    좋은 정보 얻어 갑니다.
    대단히 감사합니다. ^0^

  32. 좋은 정보 감사합니다 :)
    덕분에 html5에 대해 접근하기가 수월해졌습니다.

  33. 곽혜경 2010 4월 15 13:10

    좋은정보 감사합니다~ 잘보고 가요^^

  34. HTML5에 대해 쉽고 많은 것을 알게 정리되어있어 많은 도움이 되었습니다. 고맙습니다. ^^

  35. 우와~ 보기좋게 정리해주셨네요 ^^

  36. 열정곰돌 2010 5월 19 12:58

    잘읽었습니다!
    그리고 스크랩도 해갑니다!

  37. 잘읽었습니다.

  38. 잘읽었습니다~~~스크랩쫌 해가겠습니다~~~

  39. 엠제이 2010 6월 08 20:34

    감사합니다! 스크랩해갈게요!

  40. 자바 스크립트로 구현되어야 할 기능들이 간단한 태그로 쓸 수 있다니,
    개발자 입장에서는 넘흐 편리한 ^^

  41. 로미엣 2010 6월 19 19:55

    정리가 잘되어 있는 유용한 내용 고맙습니다.

  42. 파란만장미스터송 2010 6월 22 11:32

    웹에 Never end story…

  43. 스크랩 해갑니다 ~_~

    ㅇㅅㅇb

  44. 정말 유용한 정보 잘 보고 담아가요 ^^

  45. 항상 좋은 정보 주시는 윤석찬님께 엄청난 감사를 드리고싶습니다. 유용하게 잘 보겠습니다.

  46. 좋은 글 잘 보고 갑니다^^ 스크랩해갑니다^^

  47. 유용한 정보 잘 보고 갑니다. ^^

  48. 잘 보고 갑니다.^^ 담아갑니다~

  49. 신정화 2010 7월 31 6:43

    좋은자료 감사해요..도움이 되었답니다.

  50. 마침 HTML5에 대해 알아보기 위해 책을 구매 할지 말지 고민하고 있었는데, 많은 도움이 되는 글이었습니다.

    사실 누군가가 쓴 책을 보기 이전에 뭔가 더 기초적이고 원론적인 자료를 보고 싶었는데, 실전 가이드가 바로 그 케이스였습니다.

    좋은 자료 감사합니다~

  51. 김진학 2010 8월 19 10:45

    좋은 자료 감사합니다. 스크랩해 갑니다. ^^

  52. 잘 보고 갑니다~ HTML5 막막했었는데 정말 도움이 되는 글이었어요~ 감사합니다!^ ^

  53. 웹표준은 2~3년 후에나 도입 된답니다ㅋ http://pann.nate.com/b202932488

  54. 자료정리가 너무 잘되어있네요^^ HTML5를 이해하는데 많은 도움이 되었습니다. 정말 감사드립니다. ^^

  55. 정말로 HTML5의 모든 것이네요 ! 좋은 자료에 많은 도움을 받았습니다 ^0^

  56. 좋은 자료 감사합니다.

    중간에 있는 w3c 관련 링크 글 부분만 스크랩 했습니다.

    문제 있으면 삭제처리 하겠습니다.

  57. 정말 좋은 자료 감사합니다. HTML5 이제 시작할 준비가 되어있네요~^^

  58. 너무 잘 정리되어있네요..열공 할께요~
    담아갑니다^^

  59. 좋은 자료입니다.
    많은 분들의 칭찬이 부족하지 않습니다.
    담아가요.

  60. 한눈에 쏙 들어오는 자료네요. 감사합니다.

  61. 새로운 워드프레스 템플릿이 HTML5 완전 지원된다고 해서 검색해 들어와 봤습니다.

    깔끔한 정리 참 좋은데, 저거 언제 다 읽어 볼까 모르겠습니다. 관심있는 글 몇개 보고 갑니다. 고맙습니다.

  62. 앞전에 탈플래시에 이어 이글도 같이 퍼가요! 저두 아직 HTML5 HTML5 하는데 완전히 알지는 못했는데 너무 유용했어요!! 이글 역시 변형없이 출처포함 업어갑니다!!

  63. 좋은 자료들 감사하게 참고하겠습니다^^

  64. jorge kim 2012 2월 28 23:33

    관련자료 너무 잘봤습니다 감사합니다,내친김에 뭐 한가지 여쭤보겠습니다.
    인터넷광고 관련 좋은 아이디어가 있습니다,대충 큰그림은 나왔는데 어떤식으로 구체화 시켜서 상용화 할수있는지,또 누구한테 어떤식으로 상의해야 아이디를 빼았기지않고 접촉이 가능한지 등등…

    좋은 조언을 부탁드리겠습니다(개인적으로 안철수박사님이 적당하다고 생각해서 kaist에 나와있는 e-mail로 연락해 봤지만 해답이 없었음).
    감사합니다,죠지김.

  65. html5에 대해 조금조금씩 공부하고 알아가는 중인데 아직은 많이 어렵네요.. html5에 대한 수많은 자료들을 언제쯤 다 이해하게 될진 모르겠지만, 블로그에 포스팅하신 자료들만 봐도 충분히 좋은 공부가 될 듯합니다.^^ 좋은 자료 알게되어 좋구요.. 제 블로그에 몇몇 자료들을 스크랩해도 될까요(출처는 물론이겠죠^^)

  66. 좋은지식감사합니다 연락가능한이메일을알려주시면감사하겠습니다

의견 쓰기

이름* 이메일* 홈페이지(선택)