html 5初探
DESCRIPTION
TRANSCRIPT
HTML 5技术调研HTML 5 Technical Report
By kily
内容导航Content Navigation >>
1. 什么是 HTML 52. 为什么要学习 HTML 53. HTML 5 有哪些好玩的特性
简洁语义化的代码 丰富的表单控件 增强的本地存储
( Local Storage ) 强大的 JavaScript API 接口实现
什么是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
1. 简单易用且向后兼容( DTD 、 TAGS )2. 丰富的 WEB 新特性(音,视频原生支持、文件拖放)3. 未来的趋势( Google 、 Apple )4. 客户 / 用户的需求(高端用户)5. 团队应有的创新与探索意识( TaoBao UED 、 Alipay
UED )
为什么要研究HTML 5Why HTML 5 >>
精彩即将上演Let’s Start 。。。
<!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
丰富的表单控件Wonderful form validate Components >>
点击查看
Tips: 请用最新版的Firefox 或者Chrome 观看效果
本地存储local Storage 。。。
点击查看 Tips: 请用最新版的 Chrome 中测试观看效果
JavaScript接口 -canvaslocal Storage 。。。
点击查看
Tips: 请用最新版的FireFox 、 Chrome、 Opera 中测试观看效果
结束The End 。。。
更多 HTML 5 相关资料: \\huayang\制作部专用\html5资料
内部地址 - 一般人我不告诉他 ^!^
@keelii