html 自定义标签使用实现方法
2009-06-28 23:01
851 查看
xml文件中可以自由的使用自定义标签,html文件中同样可以使用自定义标签,但有几个注意事项:
必需设置<html>标签的xmlns属性。例如,可以这样声明:<html xmlns:article>。
这是因为html文件有一个默认的“名字空间”,<div>,<p>等标签就处在这个默认的“名字空间”中.
很显然,这个默认的“名字空间”中并不包含我们的“自定义标签”,因此我们只能自己定义一个“名字空间”,让“自定义标签”处在这个自定义的“名字空间”中.
经过我的尝试,自定义名字空间不可以使用中文。例如,这样声明:<html xmlns:名字空间>是错误的
在使用自定义标签时,应该使用<namespace:自定义标签>这样的形式,不能写成<自定义标签>这样的形式。
也就是说,自定义标签的名称前一定要指明它所在的“名字空间”
自定义标签的样式,既可以在<style>标签中设定,也可以在使用时设定它的style属性(内联式设定)。
在<style>标签中设定,例如:
注意,在<style>标签中设定样式时,在“名字空间”和“:”中间要加上“\”,例如上面写成article\:文章正文,不能写成article:文章正文
使用自定义标签时设定它的style属性,例如:
举例:
注释:自定义标签的display值默认是inline,在本例中,将其改为block方式显示。
必需设置<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方式显示。
相关文章推荐
- html 自定义标签使用实现方法
- html 自定义标签使用实现方法
- 解析在Android中为TextView增加自定义HTML标签的实现方法
- Span使用之利用自定义Span解析Html中特殊标签实现类似微博@效果
- Html中使用自定义图片来实现checkbox显示的方法
- 解析在Android中为TextView增加自定义HTML标签的实现方法
- 【CVTE】请使用原声Javascript实现一个方法,判断html中出现次数最多的标签,并统计这个次数
- html+css使用空白标签巧妙实现不同尺寸的图片在容器里垂直居中的方法
- HTML embed标签使用方法和属性详解
- springMVC使用HandlerMethodArgumentResolver 自定义解析器实现请求参数绑定方法参数
- 使用jQuery的toggle()方法对HTML标签进行显示、隐藏操作
- HTML实现遮罩层的方法 HTML中如何使用遮罩层
- JS中使用"data-"开头的属性及data()方法实现自定义属性
- <html:optionsCollection />标签与LabelValueBean使用方法
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- jquery的html()方法,不是输出所有的html标签,比如div标签,明明有,使用html()方法中得到的html代码中,就是没有
- php 自定义函数实现博客文章预览,无乱码,自动补齐HTML标签
- UIWebView的使用---嵌入html后对其部分删除或修改 实现自定义
- HTML实现遮罩层的方法 HTML中如何使用遮罩层
- 使用jQuery加载html页面到指定的div实现方法