睿美印象网络欢迎您的到来，并真诚的希望能与您合作！
睿美印象网络

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player
返回上一页
客服QQ
点击这里给我发消息
客服QQ
点击这里给我发消息
一切从沟通开始……

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

作者：睿美印象网站建设工作室  发布日期：2012-12-11
  

 
 如今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，看到效果就不同了
<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>

转载请注明：睿美印象网站建设工作室www.ruimeiyx.com
分享到：
已有 0 条评论
暂无评论
网站建设公司
版权所有：睿美印象网络网站建设工作室 2010-2012      服务热线：15636322282（网站建设工作室）
做网站,网站定制,网站仿制,网页设计,模版建站
睿美印象在线客服
客服部小睿：
点击这里给我发消息
设计部小美：
点击这里给我发消息
技术海绵哥：
点击这里给我发消息
在线淘客服：
睿美印象网络
淘客服小睿：
睿美印象小睿
淘客服小美：
睿美印象小美