现在如何在你的站点上使用HTML5(3)

上传者：陈本军
|
上传时间：2015-04-24
|
密次下载

现在如何在你的站点上使用HTML5(3)

所有这些标签都没有跨浏览器，跨平台实现支持，不过当那天到来的时候，你一定会很向往
使用这些标签的。打印式布局，另一个CSS3 的特性，全面实施尚需好几年的时间。给设计师
们提供了多列布局的特性。目前只能在Firefox 和Safari 的测试用例里实现。

-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
地理位置检测，随着基于位置的服务增长，例如 Gowalla 和 Foursquare，对于浏览器来说，
知道用户在哪里是很有用的。所以，基于手机的移动浏览器率先实现这个特性也就不足为奇
了，Firefxo 3.5 和Safari 5 已经开始提供地理定位的支持了。(Chrome 的类似服务是通过
Gears 实现的，不过正在逐步转向到HTML5 上面）。

离线工作和本地存储，在你没发现你没有网络连接的时候，将数据存储在云端是非常伟大的
主意；或者你有一个应用程序，需要处理大量的数据，这样就不得不频繁地在服务端和客户
端之间往来，比你想像得到的还要多；又或者你的移动数据流量有限，你想在手机上存储更
多的数据以避免太多的流量损耗，这个时候的答案就是，使用本地储存来使应用程序离线工
作，当连线的时候再同步到云端的功能。

支持此功能的浏览器有：Firefox 3.5+, Safari Mobile 3.1+, Safari 4+, Chrome 4+。

画板、动画和变换效果，HTML 5 的承诺之一使用Canvas 元素和一些CSS3 属性可以实现是全
说明和全动画的网站。这来自2010 年7 月12 号的标准。

使用最尖端的HTML 5 的捷径

如果你已经迫不及待地想IE 8 老死掉，那么，有很多种方法可以跳过它继续往前——再说一
次，依然取决于你的访客。查看一下你的站点的访问日志，看看访问量最多的浏览器标头是
什么。这其中有一种方法就是，例如，使用Google 的Chrome Frame，给IE 嵌入了一个Chrome
实例，如果你明白你站点的访问者可能已经安装了GCF[Google Chrome Frame]，那么你可以
在你的HEAD 里加上一行META 标签，强制IE 浏览器使用GCF 来显示你的网站：

meta http-equiv= X-U A-Compatible content= chrome=1

再加上一小段的Google 提供的脚本，可以让没有安装GCF 的用户跳转到GCF 的安装页面，那
么你也许可以跳过IE 的限制。列举在本篇文章里的元素只是当前HTML 5 和CSS 3 草案中的
一小部分，如果你不得不使用另外的一些新特性，那么去检查一下现有的开源项目是很有必
要的，这样可以将浏览器兼容性的问题降到最低。

许多媒体在报道 HTML 的时候都把焦点放在立场上面，什么“不到 2022 年”，什么“Flash

教育资源为主的文档平台

文档分类