首页 > 作文

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

更新时间:2023-04-03 07:03:09 阅读: 评论:0

如今html5愈来愈引发大家的关注了,但目前支持html5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用ie6,由于支持html5的ie9不支持xp系统安装,这样未来很长一段时间,html5的开发者将必须考虑向下兼容的问题。html5的标签或css选择器兼容性的做法有很多,其中自己生成标签元素就是一种。

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

复制代码 代码如下:

<html>

<head>

<style>mxria{ color: red; }</style>

</head>

<body>

<mxria>hello!</mxria>

</body>

</html>

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

复制代码 代码如下:

&我爱读书作文500字lt;html>

<head>

<style> mxria{ color: red; }<民办本科有必要读吗/style>

<script>document.createelement(“玉米莲藕排骨汤;mxria”)</script>

</head>

<body>

<mx想太多歌词ria>hello!mxria.com</mxria>

</body>

</html>



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

本文发布于:2023-04-03 07:03:07,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/851fbfb9673562d79b39d25f41d91294.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式.doc

本文 PDF 下载地址:html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式.pdf

标签:代码   标签   浏览器   效果
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图