如何处理html5新标签的浏览器兼容问题

如何处理html5新标签的浏览器兼容问题,第1张

HTML5已形成了最终的标bai准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。

新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失,而sessionStorage的数据在浏览器关闭后自动删除,此外,还新增了以下的几大类元素。

内容元素,article、footer、header、nav、section。

表单控件,calendar、date、time、email、url、search。

控件元素,webworker, websockt, Geolocation。

移除的元素有下列这些:

显现层元素:basefont,big,center,font, s,strike,tt,u。

性能较差元素:frame,frameset,noframes。

如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?

处理兼容问题有两种方式:

1.IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。

2.使用是html5shim框架

另外,DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素,此外,还可以根据新增的结构、功能元素来加以区分。

让HTML5

兼容所有浏览器的

方法.如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5

的IE9不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法有很多,

其中自己生成标签元素就是一种。

基本原理参见如下代码在IE8中效果,样式根本没有起作用。

Markup

<html>

<head>

<style>

mxria{

color:

red

}</style>

<script>document.createElement("mxria")</script>

</head>

<body>

<mxria>Hello!mxria.com</mxria>

</body>

</html>

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

Markup

<html>

<head>

<style>

mxria{

color:

red

}</style>

<script>document.createElement("mxria")</script>

</head>

<body>

<mxria>Hello!mxria.com</mxria>

</body>

</html>

现在可以看出来了吧,对,就是document.createElement

,HTML5

shiv

是一个js插件,将所有HTML5的标签进行了重新生成,你需要加载该插件,那么HTML5程序就能被所有浏览器识别了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/7441825.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存