html 5初探

10
HTML 5 技技技技 HTML 5 Technical Report By kily

Upload: keelii

Post on 02-Nov-2014

815 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Html 5初探

HTML 5技术调研HTML 5 Technical Report

By kily

Page 2: Html 5初探

内容导航Content Navigation >>

1. 什么是 HTML 52. 为什么要学习 HTML 53. HTML 5 有哪些好玩的特性

简洁语义化的代码 丰富的表单控件 增强的本地存储

( Local Storage ) 强大的 JavaScript API 接口实现

Page 3: Html 5初探

什么是HTML 5 What is HTML 5 >>

HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。目标是取代 1999 年所定订的 HTML 4.01 和 XHTML 1.0 标准,以期能在互联网应用迅速发展的候,使网络标准达到符合当代的网络需求。广义论及HTML5 时,实际指的是包括 HTML、 CSS和 JavaScript在内的一套技术组合。它希望能够减少浏览器对于基于插件的富互联网应用( plug-in-based rich internet application , RIA) ,如 Adobe Flash、Microsoft Silverlight,与 Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。

Ref(modifyed): http://zh.wikipedia.org/wiki/HTML5

Page 4: Html 5初探

1. 简单易用且向后兼容( DTD 、 TAGS )2. 丰富的 WEB 新特性(音,视频原生支持、文件拖放)3. 未来的趋势( Google 、 Apple )4. 客户 / 用户的需求(高端用户)5. 团队应有的创新与探索意识( TaoBao UED 、 Alipay

UED )

为什么要研究HTML 5Why HTML 5 >>

Page 5: Html 5初探

精彩即将上演Let’s Start 。。。

Page 6: Html 5初探

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

<title></title></head><body>

<div class="header">头部

</div><div class="container">

主体</div><div class="footer">

尾部</div>

</body></html>

简洁优雅的代码Simple & Beautiful Code >>

<!DOCTYPE HTML><html lang="en"><head>

<meta charset="UTF-8"><title></title>

</head><body>

<header>头部

</header><section>

内容</section><footer>

尾部</footer>

</body></html>

现在的HTML ( xhtml 1.0) 未来的HTML 5

Page 7: Html 5初探

丰富的表单控件Wonderful form validate Components >>

点击查看

Tips: 请用最新版的Firefox 或者Chrome 观看效果

Page 8: Html 5初探

本地存储local Storage 。。。

点击查看 Tips: 请用最新版的 Chrome 中测试观看效果

Page 9: Html 5初探

JavaScript接口 -canvaslocal Storage 。。。

点击查看

Tips: 请用最新版的FireFox 、 Chrome、 Opera 中测试观看效果

Page 10: Html 5初探

结束The End 。。。

更多 HTML 5 相关资料: \\huayang\制作部专用\html5资料

内部地址 - 一般人我不告诉他 ^!^

@keelii