日期:2014-05-17  浏览次数:20596 次

现在如何在你的站点上使用HTML 5(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号的标准。



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

许多媒体在报道HTML的时候都把焦点放在立场上面,什么“不到2022年”,什么“Flash杀手”之类的。现实是,HTML 5是长期以来的需要和对久未更新的HTML 4的一次全新升级——所以,今天你就可以开始使用它了。

?