作者:你走以后_心若逝世灰决_677 | 来源:互联网 | 2013-07-25 13:33
近两年来,用HTML5写了一些页面,有些页面我直接做得很极端,不加任何HACK,只能用IE9、FF、CHROME等浏览器查看。但有对于公司的项目,肯定不能这样极端,毕竟面向的是客户和用
近两年来,用HTML5写了一些页面,有些页面我直接做得很极端,不加任何HACK,只能用IE9、FF、CHROME等浏览器查看。但有对于公司的项目,肯定不能这样极端,毕竟面向的是客户和用户。
以下为我推荐的HTML5表情支持方法,在页面head区域里调用google的HTML5标签支持。调用google的HTML5支持JS好处是不占网站空间、减少本地HTTP请求、代码如有BUG会得到google的及时修正、google服务器优秀的压缩和缓存机制、别人的网站如果也引用了这个文件则不需要再次下载(比如我网站上使用的JQuery也是google服务器提供的)。
调用代码如下:
为避免需要重复在CSS里定义,请在CSS把这些元素设置为块级元素:
header, footer, nav, section, article, aside, dialog, figure, menu {display:block}
|
当然,这些元素也可以只让IE9以下的浏览器读取,把它保存为一个独立的CSS HACK文件,用来判断读取。