[前端] html自定义标签

html自定义标签不是很常用,但有这个功能,在这里写一下

参考资料一:
1、首先要在html标签中加个属性xmlns(xml name space)

<html xmlns:mytag> <!-- mytag是自定义的名字 -->

2、定义css样式

<style type="text/css"> 
    mytag { color: #f00; }

    mytag\:one{border:1px solid #ccc;background-color:#efefef;font-weight:bold;} 

    mytag\-two{border:1px solid red;background-color: #FFF5F4;font-weight:bold;} 
</style>

3、使用标签

<mytag>HELLO WORLD !</mytag>  <!-- 定义自己 -->

<mytag:one>WWW.BAIDU.COM</mytag:one> <!-- 定义子标签 -->

<mytag-two>http://WWW.DIBRG.COM</mytag-two> 

4、效果
效果

就这么简单!

可能还会有其他的实现方式,敬请期待……

关注我,关注我的博客,提出你的意见,我会写的更好!

你可能感兴趣的:(标签)