关注前端开发微信微信号web007007

让IE6/7/8支持HTML5标签

作者 管理员 发布时间 2012-06-01 14:01 文章分类 HTML5 文章评论 3条评论 阅读次数

近两年来,用HTML5写了一些页面,有些页面我直接做得很极端,不加任何HACK,只能用IE9、FF、CHROME等浏览器查看。但有对于公司的项目,肯定不能这样极端,毕竟面向的是客户和用户。

以下为我推荐的HTML5表情支持方法,在页面head区域里调用google的HTML5标签支持。调用google的HTML5支持JS好处是不占网站空间、减少本地HTTP请求、代码如有BUG会得到google的及时修正、google服务器优秀的压缩和缓存机制、别人的网站如果也引用了这个文件则不需要再次下载(比如我网站上使用的JQuery也是google服务器提供的)。

 

调用代码如下:

<pre><!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

为避免需要重复在CSS里定义,请在CSS把这些元素设置为块级元素:

header, footer, nav, section, article, aside, dialog, figure, menu { display:block }

当然,这些元素也可以只让IE9以下的浏览器读取,把它保存为一个独立的CSS HACK文件,用<!–[if lt IE 9]><![endif]–>来判断读取。

本文固定链接: http://www.web92.net/171.html | WEB前端开发

该日志由 于2012年06月01日发表在 HTML5 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 让IE6/7/8支持HTML5标签 | WEB前端开发