html5 浏览器支持如何让所有的浏览器都支持HTML5标签样式

2016-02-19 12:35 29 1 收藏

今天图老师小编要跟大家分享html5 浏览器支持如何让所有的浏览器都支持HTML5标签样式，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！

【 tulaoshi.com - Web开发】

如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的IE9不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法有很多，其中自己生成标签元素就是一种。
基本原理参见如下代码在IE8中效果，样式根本没有起作用。

代码如下：

html
head
stylemxria{ color: red; }/style
/head
body
mxriaHello!/mxria
/body
/html

为了是浏览器识别mxria/mxria标签并显示对应样式的效果，我们可以如下增加一段js，看到效果就不同了

代码如下：

html
head
style mxria{ color: red; }/style
scriptdocument.createElement("mxria")/script
/head
body
mxriaHello!mxria.com/mxria
/body
/html

现在大家明白了其中的奥妙吧！对，就是document.createElement ，HTML5 shiv就是这样一个js插件，将所有HTML5的标签进行了重新生成，你需要加载该插件，那么HTML5程序就能被所有浏览器识别了。

来源:http://www.tulaoshi.com/n/20160219/1601261.html

上一篇： HTML5 实现一个访问本地文件的实例
下一篇： Prototype1.4手册

看过《html5 浏览器支持如何让所有的浏览器都支持HTML5标签样式》的人还看了以下文章更多>>

html5 标签

标签： Web开发

W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。通过制...

AJAX 浏览器支持

标签： Web开发

AJAX-浏览器支持 AJAX的要点是XMLHttpRequest对象。不同的浏览器创建XMLHttpRequest对象的方法是有差异的。 IE浏览器使用ActiveXObject，而其他的浏览器使用名为XMLHttpRequest的JavaScript内建对象。如需针对不同的浏览器来创建此对象，我们要使用一条"tryandcatch"语句。您可以在我们的JavaScript教程...

HTML5标签小集

标签： Web开发

HTML标签； meta属性Content,name,scheme !DOCTYPE a属性coords,shape, abbr属性 address属性 area属性 article属性 aside属性 audio属性 b属性 base属性 bdo属性 blockquoe属性 body属性 br属性 button属性 canvas属性 caption属性 cite属性 code属性 col属性 colgroup command datalist dd...

X5内核+HTML5应用 Q立方浏览器预览版

标签：手机软件应用软件

X5内核+HTML5应用 Q立方浏览器预览版 Q立方浏览器是腾讯全新研发的不同于手机QQ浏览器的Android手机浏览器，Q立方浏览器搭载了腾讯基于优秀开源Webkit深度优化的 X5内核，在web/wap页面打开速度、省流量、UI和多窗口交互方式、HTML 5等方面都与现有的手机QQ浏览器有不同之处，1.0预览版已经推出，虽然功能上还并不是很完善，但是可以看...

欧朋手机浏览器HTML5体验版全方位评测

标签：手机软件应用软件

欧朋手机浏览器HTML5体验版全方位评测作者：刘菲菲在2011年底举办的HTML5年会上，创新工场CEO李开复在开场演讲中提到，2012年会是HTML5最大的丰收年。目前，桌面浏览器对 HTML5的支持已经越来越完美，而支持HTML5的手机浏览器却并不多。2011年，几款主流的手机浏览器相继宣布发布了支持HTML5的版本，但由于手机浏览器的内核和性...

查看更多精彩>>