大部分浏览器支持自定义HTML标签,但IE浏览器中,IE9以前的浏览器并不能很好的识别自定义html标签,所以以IE8为例,讲一下如何实现自定义标签。
IE8实现自定义标签有两种方法,一种是在命名空间中定义,另一种则是使用document_createElement_x_x_x(“自定义标签名称”)来定义,下边具体介绍一下:
1、一般网页的html标签都是这么定义的:,xmlns是值html文档所用到的命名空间,通常都是w3c的规范,所以都指向这个地址。
但为了实现自定义标签可以自定义xmlns的值,例如:
自定义命名空间1koo\:xxxx, koo\:foo { display:block; width:300px; height:100px; background:red;
border:5px solid #000; color:yellow; margin:10px; }
这里是自定义xxx标签
这里是自定义foo标签
如上实例所示,可以自定义一个规范,但在样式声明中需要添加前缀。
2、第二种方法是使用js定义dom节点来实现,例如:
自定义命名空间2
document.createElement(‘foo’);
foo { display:block; width:300px; height:100px; background:red; border:5px
solid #000; color:yellow; margin:10px; }
这里是自定义foo标签
先用js声明下,后面IE8就能正确识别了