html 自定义标签使用实现方法
导读：收集整理的这篇文章主要介绍了html 自定义标签使用实现方法，觉得挺不错的，现在分享给大家，也给大家做个参考。 XMl文件中可以自由的使用自定义标签，htML文件中同样可以使用自定义标签，但有几个注意事项：必需设置<html...
收集整理的这篇文章主要介绍了html 自定义标签使用实现方法，觉得挺不错的，现在分享给大家，也给大家做个参考。 XMl文件中可以自由的使用自定义标签，htML文件中同样可以使用自定义标签，但有几个注意事项：必需设置html> 标签的xmlns属性。例如，可以这样声明：html xmlns:article> 。
这是因为html文件有一个默认的“名字空间”，div> ,p> 等标签就处在这个默认的“名字空间”中.
很显然，这个默认的“名字空间”中并不包含我们的“自定义标签”，因此我们只能自己定义一个“名字空间”，让“自定义标签”处在这个自定义的“名字空间”中.
经过我的尝试，自定义名字空间不可以使用中文。例如，这样声明：html xmlns:名字空间> 是错误的
在使用自定义标签时，应该使用namespace:自定义标签> 这样的形式，不能写成自定义标签> 这样的形式。
也就是说，自定义标签的名称前一定要指明它所在的“名字空间”
自定义标签的样式，既可以在style> 标签中设定，也可以在使用时设定它的style属性（内联式设定）。
在style> 标签中设定，例如：
复制代码代码如下:
style tyPE="text/css">
article\:文章正文{ border:1px solid #ccc; background-color:#efefef; font-weight:bold; }
/style>
注意，在style> 标签中设定样式时，在“名字空间”和“:”中间要加上“\”，例如上面写成article\:文章正文，不能写成article:文章正文
使用自定义标签时设定它的style属性，例如：
复制代码代码如下:
article:文章标题 style="border:1px solid #ccc; "> 这里是文章的标题/article:文章标题>
举例：
复制代码代码如下:
!DOCTYPE html PubLIC -//W3C//DTD XHTML 1.0 TransITional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
html xmlns:article>
head>
meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
title> 使用自定义标签/title>
style type="text/css">
article\:文章正文{ display:block; border:1px solid #ccc; background-color:#efefef; color:#00a; }
/style>
/head>
body>
article:文章标题 style="display:block; border:1px solid red; background-color:#FFF5F4; text-align:center; color:#f00; ">
这里是文章的标题
/article:文章标题>
article:文章正文>
这里是文章的正文
/article:文章正文>
/body
/html>
注释：自定义标签的display值默认是inline,在本例中，将其改为block方式显示。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html 自定义标签使用实现方法
本文地址： https://pptw.com/jishu/587599.html