18910140161

HTML5 浏览器支持

顺晟科技

2021-06-16 10:51:35

217

可以让一些比较老的浏览器(不支持HTML5)支持HTML5。

HTML5 浏览器支持

HTML5浏览器支持

现代浏览器都支持HTML5。

此外,所有浏览器,包括旧的和最新的,都会自动将无法识别的元素作为内嵌元素进行处理。

正因为如此,你可以在"教会"浏览器中处理"未知"的HTML元素。

HTML5 浏览器支持

甚至可以教IE6 (Windows XP 2001)浏览器处理未知HTML元素。

HTML5 浏览器支持

将HTML5元素定义为块元素

HTML5定义了八个新的HTML语义(semantic)元素。所有这些元素都是块级元素。

为了让旧浏览器正确显示这些元素,可以将CSS的display属性值设置为block:

例子

页眉、节、页脚、侧边、导航、主页、文章、图形{ display:block}

向HTML添加新元素

可以给HTML添加新元素。

此实例向HTML中添加一个新元素,并为此元素定义一种样式。元素名是myHero:

例子

!doctypehtmlhtmlhealthetacharset=' utf-8 ' title为html /titlescript编写新元素

document.createElement('myHero ')

/scriptstyle

myHero { display:block背景-color : # DDD;padding:50pxfont-size :30 px;}

/style/head dyh1我的个标题/h1我的段。/pmyHero,我的个新元素/myHero/body/html

HTML5 浏览器支持

JavaScript语句document.createElement("myHero")是给IE浏览器添加新元素。

Internet Explorer浏览器问题

可以用上面的方法给IE浏览器添加HTML5元素,但是:

HTML5 浏览器支持

Internet Explorer 8及更早的IE版本的浏览器不支持上述方法。

我们可以用Sjoerd Visscher创造的‘html 5 enabling JavaScript’和‘ shiv'’来解决这个问题:

!-[如果lt IE 9]

script src=' http://html 5 shiv . googlecode.com/SVN/trunk/html 5 . js '/script

![endif] -

以上代码为注释,读取html5.js文件,在IE浏览器版本小于IE9时解析。

注意:国内用户请使用本网站静态资源库(Google资源库在国内不稳定):

!-[如果lt IE 9]

script src=' http://cdn . static . runoob.com/libs/html 5 shiv/3.7/html 5 shiv . min . js '/script

![endif] -

Html5shiv对于IE浏览器来说是比较好的解决方案。Html5shiv主要解决HTML5提出的新元素不被IE6-8识别,这些新元素不能作为父节点包装子元素,不能应用CSS样式的问题。

完美的Shiv解决方案

例子

!doctypehtmlhtmltownetacharset=' utf-8 ' title REpresentation html 5/title!-[if lt IE 9]script src=' http://cdn . static . runoob.com/libs/html 5 shiv/3.7/html 5 shiv . min . js '/script![endif]-/headsydy h1我的篇文章/h1文章菜鸟教程——不仅学会了技术,还会做梦!/article/body/html

html5shiv.js的引用代码必须放在head元素中,因为IE浏览器在解析新的HTML5元素时需要先加载文件。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航