2
3








“the term "HTML5" is widely used
as a buzzword to refer to modern
Web technologies”




"The drag-and-drop API is horrible,
but it has one thing going for it:

IE6 implements it,

as do Safari and Firefox."


"It is necessary to evolve HTML
incrementally. The attempt to
get the world to switch to XML,
... all at once didn't work."












30
W3C

HTML5
Element
s &
WAI-
ARIA
HTML5
Parser
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
30
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
Filter
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Pro-
mise
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Micro-
data
Itera-
tors
Proxy
Collec-
tions
Mask-
ing
Web
Storage
30
Net
Info
Web
Socket
APNG
Full-
screen
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Presen
-
SSL
Opus
mp3
H.
264
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Batter
y
Shared
Workers
Web
Crypto
Page
Visibilit
File
Pointer
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Navi.
Timing
Beacon
Writing
Mode
Web
Anima-
tions
IETF
OGP
Micro-
data
data
Itera-
tors
Proxy
Collec-
tions
Permi-
ssions
DOM
fetch
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
HPKP
30
Net
Info
Web
Socket
APNG
Full-
screen
WebRTC
HTML
Components
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Game-
pad
Media
data
channe
Presen
- Push
SSL
Media
Recorder
Opus
mp3
H.
264
Service
Worker
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Web
Audio
Batter
y
Generi
c
Shared
Workers
SIMD
Web
Crypto
temp-
lates
Shadow
DOM
Custom
Element
s
Page
Visibilit
FIDO
Grid
Layout
File
Pointer
MIDI
Speech
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Async
Func.
Navi.
Timing
Beacon
Exclu-
sions
Writing
Mode
Web
Anima-
tions
IETF Khronos
OGP
Game, VR & High

Performance Apps
Progressive
Web Apps
Real-Time

Communications
Device

Control
Extensible

for Anything!
Micro-
data
data
ORTC
WebVR
Shared
Mem.
Itera-
tors
Proxy
Collec-
tions
asm.js
Permi-
ssions
DOM
WebGL
fetch
Web
Assembl
y
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
App
Manifest
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
Blue-
tooth
USB
HPKP




44













 




Life of html5 (osaka)

  • 2.
  • 3.
  • 12.
  • 14.
  • 15.
  • 16.
    “the term "HTML5"is widely used as a buzzword to refer to modern Web technologies”
  • 17.
  • 18.
    "The drag-and-drop APIis horrible, but it has one thing going for it:
 IE6 implements it,
 as do Safari and Firefox."
  • 20.
  • 21.
    "It is necessaryto evolve HTML incrementally. The attempt to get the world to switch to XML, ... all at once didn't work."
  • 22.
  • 23.
  • 26.
  • 33.
  • 34.
    30 ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 Element s& WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. Filter Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Pro- mise Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Micro- data Itera- tors Proxy Collec- tions Mask- ing Web Storage
  • 35.
    30 Net Info Web Socket APNG Full- screen ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s& WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Presen - SSL Opus mp3 H. 264 FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Batter y Shared Workers Web Crypto Page Visibilit File Pointer Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Navi. Timing Beacon Writing Mode Web Anima- tions IETF OGP Micro- data data Itera- tors Proxy Collec- tions Permi- ssions DOM fetch EME Brotli Mask- ing Progressive Enhancement Web Storage Quarks Mode UI Events QUIC Origi HPKP
  • 36.
    30 Net Info Web Socket APNG Full- screen WebRTC HTML Components ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s& WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Game- pad Media data channe Presen - Push SSL Media Recorder Opus mp3 H. 264 Service Worker FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Web Audio Batter y Generi c Shared Workers SIMD Web Crypto temp- lates Shadow DOM Custom Element s Page Visibilit FIDO Grid Layout File Pointer MIDI Speech Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Async Func. Navi. Timing Beacon Exclu- sions Writing Mode Web Anima- tions IETF Khronos OGP Game, VR & High
 Performance Apps Progressive Web Apps Real-Time
 Communications Device
 Control Extensible
 for Anything! Micro- data data ORTC WebVR Shared Mem. Itera- tors Proxy Collec- tions asm.js Permi- ssions DOM WebGL fetch Web Assembl y EME Brotli Mask- ing Progressive Enhancement Web App Manifest Web Storage Quarks Mode UI Events QUIC Origi Blue- tooth USB HPKP
  • 40.
  • 42.
  • 50.
  • 52.
  • 53.
  • 57.
  • 58.
  • 62.