首页 > 编程 > HTML > 正文

HTML5网页如何让所有的浏览器都能识别HTML5标签样式

2024-08-26 00:17:29
字体：大 中 小
来源：转载
供稿：网友
 如今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>
HTML5网页如何让所有的浏览器都能识别HTML5标签样式
为了是浏览器识别<mxria></mxria>标签并显示对应样式的效果，我们可以如下增加一段js，看到效果就不同了
<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>
HTML5网页如何让所有的浏览器都能识别HTML5标签样式
现在大家明白了其中的奥妙吧！对，就是document.createElement  ，HTML5 shiv就是这样一个js插件，将所有HTML5的标签进行了重新生成，你需要加载该插件，那么HTML5程序就能被所有浏览器识别了。
下载地址：http://html5shim.googlecode.com/svn/trunk/html5.js

上一篇：html视频教程之什么是HTML

下一篇：html视频教程之十六进制详解

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
学习交流
更多

如何查找有故障的配件

如何查找有故障的配件...
热门图片
更多
猜你喜欢的新闻
猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分
2024-06-26 22:28:41
650分！高二女生考入北大：遗憾不能上高三
2024-06-26 22:26:16
男生估分600只考了397 妈妈：高考虽重要，但不代表所有
2024-06-26 22:23:01
唐尚珺回应是否会直播带货：有人出100万想和他合作！
2024-06-25 19:29:23
名校抢人名场面：清华、北大太拼了！
2024-06-25 19:22:14
男生高考语文满分！网友：第一次听说
2024-06-25 19:19:15

疑难解答

图片精选

网友关注

关于本站 - 网上投稿 - 商务合作 - 隐私政策 - 网站地图
Copyright © 2008 - 2024 VEVB.COM. All Rights Reserved.武林网 版权所有