繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > html 自定义标签使用实现方法
- HTML/XHTML教程
- CSS基础：设计网页常用规范详解
- CSS教程：十步学会用css建站
- CSS基础：24条网页布局开发小技巧
- CSS教程：在网页布局中简单实现垂直居中的办法
- css基础教程：颜色和文本属性的控制
- 专家总结：网页设计师必须遵守的十条守则
- html技巧：超级链接a的提示和打开方式
- css教程：学习背景图像属性background
- 例说网页Semantics：Html/Xhtml是否真正符合标准
- IE7与web标准设计系列教程：前言
- IE7与web标准设计系列教程：更丰富的CSS选择符
- IE7与web标准设计系列教程：修正引起页面布局混乱的祸首
- web标准教程：IE6和IE7的共存
- web标准：IE多版本共存的解决方案：IETester
- CSS基础教程：认识CSS选择符
- web标准：比较IE6与IE7，放纵的孩子与严厉的父亲
- 学好标准CSS的模型是否必须放弃IE？
- CSS教程：如何处理有冲突的CSS规则
- 教你用html和css写出漂亮正规的Blog
- CSS基础：如何避免table强迫症
HTML/XHTML教程 中的 html 自定义标签使用实现方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 101 ::
收藏到网摘: n/a
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方式显示。
评论 (0) All
