<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:html5="http://www.w3.org/html5/"> <body> <html5:section> <!-- content --> </html5:section> </body> </html>
:html5这个前缀并不是一个标准的写法,你也可以用其它字符代替:hl5也是可以的。有了前缀之后,IE会识别新的元素,从而可以应用样式。在其他浏览器中一样有效,那么最后,你就成功地在各个浏览器中构建了一样的元素和一样的样式。
这个方法很明显有个缺陷:你必须在HTML文档中使用XML格式的命名空间,同样,你也需要在css中这么做:
复制代码 代码如下: html5:section { display: block; }
那么对js的兼容性如何呢?下面是个测试deml
复制代码 代码如下: <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:html5="http://www.w3.org/html5/"> <head> <title>;html5</title> <meta charset="gb2312"> <style> html5:section { display: block; width:100px; height:50px; background:#f00; border: 1px solid blue; color: #ff0; } </style> <script> window.onload = function(){ alert(document.getElementById("test").innerHTML + "---id") alert(document.getElementsByTagName("section")[0].innerHTML + "---TagName") alert(document.getElementsByTagName("SECTION")[0].innerHTML + "---大写") } </script> </head> <body> <html5:section>内容</html5:section> </body> </html>
测试结果,IE678均测试通过,但fixfox和chrome里只有id能获取到,所以这种方法同样不是一个可取的方法! (编辑:源码网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|