4. What is HTML5 ?What is HTML5 ?
Structure and Semantic APIs
44
5. New Elements in HTML5New Elements in HTML5
New Markup Elements – for better structure
<article>, <aside>, <command>, <details>, <summary>, <figure>, <figcaption>,
<footer>, <header>, <hgroup>, <mark>, <meter>, <nav>, <progress>, <ruby>, <rt>,
<rp>, <section>, <time>
New Media Elements – for media content
<audio>, <video>, <source>, <embed>
The Canvas Element – for drawing
<canvas>
New Form Elements and Input type attribute values
<datalist>, <keygen>, <output>
New input type attribute values: email, url, number, range, date, month, week, time,
datetime, datetime-local, search, color, etc
55
6. HTML5 FeaturesHTML5 Features
Canvas / SVG
Video / Audio
Geolocation
Web Socket
Local Storage
Web Workers
66
Geolocation
Offline web apps More features …
Web SQL Database
Web Workers
8. HTML5 표준화HTML5 표준화
W3C WGs related with HTML5
HTML WG
•HTML5,HTML+RDFa, HTML Microdata, HTML Canvas 2D
Context, HTML: The Markup Language, HTML5 diffs from HTML4,
etc
Web Applications WG
•Web Storage, Indexed Database API, File API, Server-Sent Event, Web
Sockets API, Web Workers, Programmable HTTP Caching and Serving,Sockets API, Web Workers, Programmable HTTP Caching and Serving,
Web SQL Database, etc
Device APIs and Policy WG
•Calendar, Contact, Media Capture, Messaging, System Information,
File Writer, Gallery, Powerbox, Application Launcher, etc
Geolocation WG
•Geolocation API, DeviceOrientation Event, Acceleration
New WGs
•Web Notification WG, Web Event WG, Web Performance WG
88
9. W3C HTML WGW3C HTML WG
Old Milestones ( This schedule was removed )
2007-05 HTML5 and Web Forms 2.0 specs adopted as basis for
review
2007-11 HTML Design Principles First Public Working Draft
2008-02 HTML5 First Public Working Draft
2010-01 HTML5 Last Call Working Draft
2010-12? HTML5 Candidate Recommendation2010-12? HTML5 Candidate Recommendation
2012-01? HTML5 Proposed Recommendation
2012-03? HTML5 Recommendation
New Milestones (2010/09/07)
2010년 10월 1일: HTML5 표준 초안 Last Call
2011년 5월 22일: HTML5 표준 초안 Last Call 종료
99
10. Chairs of HTML WG
Sam Ruby, IBM,
Paul Cotton, Microsoft,
Maciej Stachowiak, Apple
Participants
Standardization Activity related with HTML5Standardization Activity related with HTML5
Participants
407 group participants,
407 in good standing,
140 participants from 37 organizations
267 Invited Experts
1010
11. Web SocketWeb Socket
Web Socket Protocol(IETF)
Focusing on the handshake and message framing
•Framing : support for fragmentation and different kinds of
encodings.
•Handshake - key design issue is to ensure for security purposes
that you can't attack/exploit HTTP servers
•Web Sockets over UDP•Web Sockets over UDP
Web Socket API(W3C)
Depend on Web Socket Protocol spec of IETF
Issues related with binary data is not reflected to API spec yet
RI of Ericsson lab related with <device>
Web socket for video streaming
1111
12. WebWorker/LocalStorage/Web SQLDatabaseWebWorker/LocalStorage/Web SQLDatabase
Web Worker
Last Call State
Need to process all the last call comments
Preparation for Test Suites
Local StorageLocal Storage
Last Call State
boost performance of online web apps, and enable them to work
when a connection drops out.
•E.g. Gmail web app for iPhone
Web SQL Database
Publish Web SQL Database as a Working Group Note
1212
13. Programmable HTTP Caching and ServingProgrammable HTTP Caching and Serving
Cache manifest of HTML5
statically identifies cached resources to be stored in an application
cache
extends the application cache by allowing applications to
programmatically add other resources to the cache
1313
15. HTML5 대한민국 관심그룹HTML5 대한민국 관심그룹
1515 <Source: http://www.w3.org/html/ig/ko/Overview.ko.html>
16. 임무(Mission)임무(Mission)
대한민국에서 HTML5 표준(안) 및 관련 표준 논의 활성화 및
코멘트와 질문 수집,
또한 이들 표준에 정의된 기술에 대한 대한민국의 특별한 유즈
케이스(Use Case)를 정리,
그리고 이러한 활동 결과를 HTML WG 및 다른 적절한 WG
그리고 W3C 회원사와 커뮤니티에 보고
1616
17. 범위(Scope)범위(Scope)
HTML5
HTML Canvas 2D Context
Web Sockets
Web Storage
Web Workers
Indexed Database APIIndexed Database API
Server-Sent Events
DOM Level 3 Events
File API
Geolocation API
Device APIs and Policy WG 및 Web Performance WG 등의
개발 표준
1717
18. 산출물(Deliverable)산출물(Deliverable)
권고안 트랙의 산출물이 아니라 HTML5와 관련 기술들에 대
한 관심그룹 기술문서 개발
대한민국 기술시장에서 HTML5 및 관련 기술들과 관련해 특별히 중
요성이 있는 유즈케이스(Use Case)에 대한 구체적인 내용
HTML5와 관련 표준(안)들에 관한 선별된 질문과 코멘트들을 번역하HTML5와 관련 표준(안)들에 관한 선별된 질문과 코멘트들을 번역하
여 정리한 내용
1818
19. HTML5 KIG의 전체적인 관계도HTML5 KIG의 전체적인 관계도
기타 다른 커뮤니티들
…
HTML WG
1919
W3C HTML5 Korean IGW3C HTML5 Korean IG
MW2.0 포럼
HTML5 AG
기업들 등…
Web Application WG
Device APIs and Policy WG
Geolocation WG
…
20. HTML5 대한민국 관심그룹 활동방향HTML5 대한민국 관심그룹 활동방향
W3C HTML5 표준에 대한 국내입장 반영
HTML5 관련 표준들의 검토 및 논의
국내 상황에 반드시 필요한 기능의 추가 또는 기존 기능의 수정 요청
국내 HTML5 관련 대표적인 정보공유 및 논의 채널국내 HTML5 관련 대표적인 정보공유 및 논의 채널
최근 HTML5 관련 표준 또는 기술 정보 공유
HTML5 활용에 대한 Best Practice 공유
국내외 HTML5 관련 업계 동향 정보 공유
기타 HTML5 관련 모든 이슈들…
2020
21. 이원석 (Wonsuk Lee)/선임연구원/Ph.D.
ETRI 표준연구센터 서비스융합표준연구팀
W3C HTML5 Korean Interest Group 의장
W3C 대한민국 사무국 코디네이터/모바일 웹2.0 포럼 HTML5 AG 의장
W3C Media Annotation WG 에디터/ W3C Device API WG 에디터/
W3C HTML WG / W3C Web Application WG/ W3C Geolocation WG 멤버
Email: wslee@etri.re.kr, wslee@w3.org
Phone: 042-860-4893, 010-5800-3997
2121