Html5 过去与未来

45
HTML5 过过过过过 Remember2015@WED

description

前端技术展望

Transcript of Html5 过去与未来

Page 1: Html5 过去与未来

HTML5过去与未来

Remember2015@WED

Page 2: Html5 过去与未来

PREFACE

一项庞大工程并非全新技术

Page 3: Html5 过去与未来

START UP

WHATWGWEB HYPERTEXT APPLICATION

TECHNOLOGY WORKING GROUP

Page 4: Html5 过去与未来

ORGNIZATION

WHATWGWEB HYPERTEXT APPLICATION TECHNOLOGY WORKING GROUP

W3CWORLD WIDE WEB CONSORTIUM

IETFINTERNET ENGINEERING TASK FORCE

Page 5: Html5 过去与未来

COMPANY

MOZILLA OPERAAPPLE GOOGLE

利益的角逐 为各自而战VIDEO

Page 6: Html5 过去与未来

STAGE

• 深入人心

2010 推广

• 浏览器争鸣

• Xhtml2离去

2009 成就

• 首个版本发布

2008 问世

• W3C和WHATWG合作

2007 发展

• W3C回归

2006 瞩目

• W3C分歧

• WHATWG创立

2004 启动

• Xform -> Web Form

2003 前奏

• Dom, XHtml

2001 铺垫

Page 7: Html5 过去与未来

当技术极大地降低一件东西的成本之后标准化就会接踵而至

当你大批量生产某种东西你就会将那些固定不变

的部分标准化

Page 8: Html5 过去与未来

TIMELINE

• 推荐版本

2022

• 重新讨论草案

2020

• 确定测试组件

2019

• 第二版测试组件

2015

• 候选版本

• 第一版测试组件

2012

• 贡献测试套件

2011

• 最后的草案

2009

• 第一版草案

2007

Page 9: Html5 过去与未来

HTML 515 Years

Page 10: Html5 过去与未来

TIMELINE 2

• HTML5

2008

• XHTML 2

2004

• XHTML 1.0

2000

• HTML 4.01

1999

• HTML 4.0

1998

• HTML 3.2

1997

• HTML 2.0

1995

Page 11: Html5 过去与未来

HTML 2.0 ~ 4.0113 Years

Page 12: Html5 过去与未来

DRAFTS & SPECS

Page 13: Html5 过去与未来

HTML 4.01 SPEC104,596 words

Ben Schwarz 统计

Page 14: Html5 过去与未来

HTML 5 DRAFT310,993 words

Ben Schwarz 统计注:统计的草案是浏览器使用版本,且其中并不包括 HTML5 涉及的某些技术

Page 15: Html5 过去与未来

HTML 5 Developer Edtion160,753 words

Ben Schwarz 统计注:统计的草案是浏览器使用版本,且其中并不包括 HTML5 涉及的某些技术

Page 16: Html5 过去与未来

http://dev.w3.org/html5/spec-author-view/

Page 17: Html5 过去与未来

Semantics( 语义 ) 元素与属性

APIs特性定义与接口

BRANCHES

Page 18: Html5 过去与未来

DIFFERENCE

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29

TRIDENT GECKOWEBKIT PRESTO

Page 19: Html5 过去与未来

暂时不要使用 HTML5——W3C

Page 20: Html5 过去与未来

使用浏览器普遍支持的特性——REM2015

Page 21: Html5 过去与未来

SCOPE

Page 22: Html5 过去与未来

预测: 2010 年底 2E9

Page 23: Html5 过去与未来
Page 24: Html5 过去与未来

BENEFITS

Page 25: Html5 过去与未来

节省流量

B 公司 2.4E10 query/day

Page 26: Html5 过去与未来

无需插件

Youtube 早已支持 <video>

Page 27: Html5 过去与未来

为移动客户端服务

ixxx 来势汹汹,无奈

Page 28: Html5 过去与未来

少写代码

“ 代码的数量很重要,因为开发一个程序耗费的时间,主要取决于程序的长度”

Page 29: Html5 过去与未来

FEATURES

Page 30: Html5 过去与未来
Page 31: Html5 过去与未来

Canvas

Geolocation

Audio Vedio

Microda

ta

SVG

WebSocket

Web Storage

Web

Worker

s

Page 32: Html5 过去与未来

Microdata

Server-Sent

Event

Web Database

XHR

Leve

l 2

……

Messaging

MathML

Web

Origin

Page 33: Html5 过去与未来

TRENDS

Page 34: Html5 过去与未来

浏览器百家争鸣

各种浏览器竞争是好事

Page 35: Html5 过去与未来

转移开发阵地 :移动客户端

这意味着,限制与兼容

Page 36: Html5 过去与未来

桌面应用网络服务收费

传统软件与服务将改变载体与传播方式付费 ?

Page 37: Html5 过去与未来

LOOK DOWN

Page 38: Html5 过去与未来

标准总是在改变 ~~

Page 39: Html5 过去与未来

我们可以参与标准的制定尽管没有决定权

W3C 中文组 , BUG

Page 40: Html5 过去与未来

前端开发只是世界一角

Page 41: Html5 过去与未来

前端开发只是世界一角

Page 42: Html5 过去与未来
Page 43: Html5 过去与未来

旋律流淌于你的指尖

Page 44: Html5 过去与未来

王子龙 @[email protected]

Page 45: Html5 过去与未来

Q&A