HTML5PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
8
9
Introduction
• CERN
– European Organization for Nuclear Research(Tim Berners-Lee)
• IETF
– Internet Engineering Task Force
• W3C
– World Wide Web Consortium(Tim Berners-Lee)
applications) • Document editing • Drag-and-drop • Cross-document messaging (web messaging) • Browser history management •…
15
New features
• 音视频播放 • 动画 • 地理信息 • 硬件加速 • 本地运行(包括离线) • 本地存储 • 拖拽(桌面浏览器) • 语义化标记 • ()
16
17
18
19
20
21
New features
22
Until Recently, You Couldn’t Draw on the Web
23
And Graphics Weren’t Very Interactive
24
The Usual Options Do This...
25
Something about HTML5
1
Content
• Introduction • New features
– Canvas/SVG – Video – Geolocation – App cache & Database – Web workers
• Stories
2
3
4
5
6
7
Βιβλιοθήκη Baidu12
Pure
Age
Netscape
Age
Microsoft Age
Pure Age?
13
14
New features
• The canvas element for immediate mode 2D drawing
• Timed media playback • Offline storage database (offline web
and Sun JavaFX and return the web to its open roots
• The future of HTML 5
– Bright? Maybe.
• Vendors on HTML 5
– Mozilla, Opera, Apple, Google, Microsoft?. But no Adobe
26
Scalable Vector Graphics (SVG)
•HTML-like tags for drawing
<!DOCTYPE html> <html>
<body> <svg width="200" height="200"> <rect x="0" y="0" width="100" height="100" fill="blue" stroke="red" stroke-width="5px" rx="8" ry="8" id="myRect" class="chart" /> </svg>
</body> </html>
27
Scalable Vector Graphics (SVG)
Hypertext Transfer Protocol (HTTP)
Original:
Latest:
Contributors: UC Urvine, Compaq, MIT, Xerox,
Microsoft, W3C, T. Berners-Lee, R. Fielding, J. Gettys,
J. Mogul, H. Frystyk, L. Masinter, P. Leach
• XHTML 1
– specification perfection failure, complex and monopolization
• XHTML 2
– standards for nobody
11
Introduction
• WHATWG launches HTML 5
– Apple, Mozilla, and Opera. For RIP. – Bypass Adobe Flash, Microsoft Silverlight,
• HTML 2
– Netscape(background color, font)
• HTML 3
– Table, (Netscape, JavaScript), (Microsoft, ActiveX, Jscript)
• HTML 4
– Netscape, Microsoft, Sun, CSS
Hypertext Markup Language (HTML) Original: Latest: Contributors: T. Berners-Lee, D. Connolly, L. Masinter, MIT, W3C, AT&T, IBM, Microsoft, Netscape, Novell, SoftQuad, Spyglass, Adobe, Lotus, CWI, Reuters, JavaSoft, HP, GRIF, Sun, Opera, Mozilla, Google, Apple
• WHATWG
– Web Hypertext Application Technology Working Group(Apple, Mozilla, Opera)
10
Introduction
• HTML(Hyper Text Markup Language)
– Berners-Lee, IETF
... But canvas and SVG Are Intrinsic
to the Web
Document Object Model (DOM) Specification Original: Latest: Contributors: Netscape, Sun, Microsoft, W3C, IBM, Novell, JavaSoft, SoftQuad Inc., Inso EPS, Texcel Research, Arbortext