网站设计工作室源码

nav

使用 HTML5，你可以用语义来描述你的内容，从而治好你的 div 和 class 强迫症。以前你得为所有的内容逐一定义 div，然后加上描述内容的 id 或者类。现在采 用

、、、、 和 和等 HTML5 标签，你可以让代码更干净，而且让 CSS 更有条理。

6 更聪明的存储

HTML5 最酷的一件事是新的本地存储功能。它有点像传统的 cookie 技术和客户端数据库的跨界组合。它比 cookie 的好处是允许跨多个窗口进行存储，它有更好的安全性和性能表现，数据在浏览器关闭之后仍能保留。因为它本质上是客户端的数据库，你不用担心 cookie 被用户删除。它已经被主流的浏览器采纳。

本地存储在很多方面来看都非常棒，不过这还只是 HTML5 提供的众多工具之一。这些工具有可能让你不用第三方插件就开发网页 app 应用。能够将数据保存在用户的浏览器让你能轻易实现这些 app 功能：保存用户信息、缓存数据、加载用户之前的应用状态等。

5 更好的交互性

我们都希望有更好的互动，我们都喜欢有更多动态效果的交互网站，可以响应用户的操作，允许用户欣赏并网站内容交互，而不是仅仅是看看而已。通过 HTML5 的绘图标签 ，你可以实现大多数的交互操作和动态效果。

除了 ，HTML5 还有很多强大的 API，使你能实现更好的用户体验，开发出更具动感，活力十足的应用。下面是部分原生 API 的列表：

拖放 (DnD)

离线存储数据库

浏览历史管理

文档编辑

定时媒体回放

关于这些 API 的更多信息以及 HTML5 的原生交互特性可以访问 HTML5Doctor。

4 游戏开发

是的。你可以采用 HTML5 的 标签来开发游戏。HTML5 提供了强大的、对移动友好的方式用来开发有趣的交互游戏。如果你以前开发过 Flash 游戏，你也会乐于做 HTML5 游戏。

3 老式浏览器/跨浏览器支持

流行的现代浏览器（Chrome、Firefox、Safari、IE9 和 Opera）都支持 HTML5，而且 HTML5 doctype 可用于所有的浏览器，甚至包括老掉渣的 IE6。不过，老的浏览器可以识别 HTML5 doctype，并不意味着他们能够处理所有新的 企业网站建设 HTML5 标签和特性。幸运的是，HTML5 会让问题简单化，具备友好的跨浏览器性能。针对不支持新标签的老式 IE 浏览器，我们只要简单添加 Javascript shiv 代码，就可以让它们使用新的元素：

2 移动，移动，还是移动！

移动技术变得越来越流行了！我知道，这是一个疯狂的假设，你们也许都在想移动会引领时尚。移动设备正在占领世界。移动设备的数量在一路攀升，这 意味着越来越多的用户会使用他们的移动浏览器来访问你的网站或是应用。HTML5 是完备的移动网站和应用的开发工具。随着 Adobe 宣布移动版 Flash 的死亡，你现在完全可以依赖 HTML5 来做移动应用的开发。

移动浏览器已经完全采纳了 HTML5，所以开发移动项目就像给这些小尺寸的屏幕设计和构建显示内容一样简单这也促进了响应式设计的流行。这里还有一些很不错的 meta 标签可以用来做移动优化：

1、Viewport：允许你定义视口的宽度和缩放比例

2、全屏浏览：IOS 特定的数值，允许苹果设置按全屏模式显示

3、首页图标：类似桌面应用的 favicon，这些图标用于在 IOS 和安卓移动设备的首页上添加收藏

有关如何通过 HTML5 使你的网站移动化，可以参考： Mobifying Your HTML5 Site.

1 大势所趋，未来所向！

你应该今天就开始使用 HTML5 的首要原因是：它就是未来，千万不要掉队。HTML5 不会随意发展。随着越来越多的元素被采纳，越来越多的公司开始基于 HTML5 进行开发。HTML5 本质上还是 HTML，它并不可怕，你也不需要从头学习 如果你正在用 XHTML strict 开发，你实际上已经是在用 HTML5 了，那何不享用它全面的功能？

你完全没有任何借口不用 HTML5。事实上，我倾向于使用 HTML5 的真正原因只是用它可以写更简洁的代码，所有其它的好处和有趣的功能我都还没有去试。不过，重要的是，你可以不用改变你的设计方式，马上就能开始。所以， 开始用吧，不管你只是想让代码简单而更加语义化，或者是你准备开发一款会征服世界的移动游戏，谁知道呢？

重要的 HTML5 资源

http://html5doctor.com

http://html5rocks.com

http://html5weekly.com/

http://www.remysharp.com

http://www.script-tutorials.com

文：Tencent AlloyTeam