[视频]HTML5的魅力

HTML5 不断完善中Flash或许被这项新技术吞噬
看完这段视频，以及两个典型网站的对比.对于很多没了解过Html5的朋友也能明显感觉出 HTML5和 Flash的不同之处，当你进入这个网站的时候 你的Chrome浏览器或者你的Firefox自动翻译插件问你是否翻译这个网站内容, 如果这是 Flash 那么是否能如此便利呢？

如果这些特效在手机上流畅运行？

--------------------------

都是用来处理图像的在线网站

HTML5: http://mugtug.com/sketchpad/ 
Flash: http://www.photoshop.com/

简单且明显的测试：用鼠标  疯狂的拖动 两个网站上可拖动的 物品，能看出速度上的不同..
--------------------------
这是 html5视频演示网站
http://jilion.com/sublime/video

什么是HTML 5？

HTML 5 的历史背景

HTML 5草案的前身名为Web Applications

1.0。于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发 布。[1]WHATWG表示该规范是目前正在进行的工作，仍须多年的努力。wikipedia

WHATWG，这个HTML5背后的组织，用下面的话描述自己：“2004年由Apple，Mozilla基金会，Opera软件中的人员创建，他 们的矛头直指W3C直属的XHTML，认为HTML缺少乐趣，对现实世界的需求置之不理。这些组织中的有识之士决心改变这一切，所以超文本应用技术工作小 组 (WHATWG的英文全称)应运而生”。HTML5预计在2012年正式登上W3C候选标准的舞台。但是这并不意味着你到那时才能使用。一些技术已经成 熟，一些部分已经足够稳定，一些功能实现已经接近尾声，所以我们现在就可以体验它们的新特性了。 当前，市场正一步一步加速WHATWG项目的进程。via

注: W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约。

HTML 5的新标记

关于HTML5中对元素和标记的更新，我把它们划分为三部份:

1. HTML5结构元素: 新增了更具语义化的标签，比如<header>表 示页面的头部，<footer>表示底部，<nav>表 示一个链接导航集合等。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。
2. HTML5 交互元素: 我们上面说过，HTML5的前身名是Web Applications 1.0。所以HTML5当然不只是随便加几个标签，让代码结构更具语义化这么无聊。另外一些新增的元素，诸 如<details>, <datagrid>等，可以实现控制数据和内容展示等交互能力。input元素的新属性：日期和时间，email, url，可以轻松制造一个Webforms 2.0。
3. 删除的HTML4元素: HTML5删除了HTML4中纯粹用来显示效果的一些标记，比如<font>和<center>，因为它们已经被CSS取代。

看着上面的这些HTML5特性，就不禁让人想到XHTML，XHTML到底做了些什么呢？为什么近几年来，我们老爱跟HTML4划清界线，钟爱 XHTML？这有篇文章说的很好：XHTML 鼓励良好的代码习惯，所有标签都需要完整，严谨，XHTML 可以产生比 HTML 4 更干净的代码。也就是说，XHTML相对HTML4，就起到了一个更严格的约束作用，但事实上，用 HTML4也可以写出很干净的代码，用XHTML也有人把代码写得一团糟。

当然，我等鼠辈都是墙头草，还特喜欢落井下石。HTML5没热腾起来的时候，也没谁寒碜XHTML，更多的却是讨论要用Transitional还 是Strict。废话少，如果你想具体了解HTML新增的元素和属性标记，可以查看下面这些文章:

• HTML 5简介
• 细谈HTML 5新增的元素
• HTML 5新元素全接触

HTML的新API

除了原先的DOM接口，HTML5增加了更多样化的API。包含了设计师们需要的很多东西，本地的音频，视频支持，多栏布局工具， 离线数据库，本地的矢量图支持等等。

HTML 5的试验

HTML 5的标准还八字才有一撇呢，后面一撇还得慢慢描。但已经有诸多的先锋部队开始拥抱它了。很多主流浏览器的最新版本都已经开始支持HTML5中的部份特性， 除了IE。

如果你确实很迫不及待的也想做下技术先驱，下面的一些实例和资源可能会对你有用：

• HTML 5 Reset Stylesheet

  一份特别针对HTML 5所写的CSS样式重置。同时，HTML5Doctor这个网站是国外一个专门介绍和研究HTML5的网站。

• Bespin

  Mozilla Lab的一个项目，这是一个使用了html5技术的代码编辑器。

• 如何在IE中使用HTML元素

• HTML 5 Features at a Glance

  一份HTML 5的浏览器兼容功能列表

HTML 5的争论

关于HTML 5的争论多种多样，其中最大的争论点在于业界对HTML 5取代Flash、Silverlight这些RIA主力军。下面听听一些声音吧。

Opera称HTML5将使得Flash变得可有可无

Opera首席执行官Jon von Tetzchner近日在接受采访时表示，下一代HTML语言将使得Adobe Flash技术显得很多余，HTML 5的开放Web标准提供了除Flash之外的富媒体网络内容发布方法。

von Tetzchner表示，HTML 5处理富媒体的能力意味着Flash可有可无，“你可以用它实现大多数(Flash)现在做的事，从某种方面说，你可能不再需要Flash。”

von Tetzchner补充说，这并不意味着Flash会消亡，“我喜欢Adobe，他们是一家非常棒的公司，我想Flash还会存在很长很长一段时间，但是 Web标准演变地越来越丰富是‘自然法则’，你可以选择使用Web标准也可以选择使用Flash(发布富媒体内容)。”

编程大师Bruce Eckel不看好HTML5

《Thinking In Java》和《Think in C++》的作者Bruce Eckel最近在博客中评价了 在开发团队选择现有技术时所需要掌握和了解 的知识资源体系。 他指出web开发者花费了过多的精力来使CSS/HTML/javascript程序兼 容各种浏览器，非IT行业的公司不会有太多人手维护主页，这往往导 致他们无法考虑兼容问题，最终结果是主页只支持IE。即使等到HTML5发布，这种状况也未必能有所改变。对于一般公司而言，如果想兼容各种平台，最好的 解决方案是使用flash/flex。