html 自定义标签使用实现方法

所属分类: 网页制作 / HTML/Xhtml 阅读数: 604
收藏 0 赞 0 分享
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方式显示。
更多精彩内容其他人还在看

html悬浮框架的设置使用示例(iframe加载html)

这篇文章主要介绍了html悬浮框架的设置使用示例(iframe加载html),需要的朋友可以参考下
收藏 0 赞 0 分享

html多媒体应用之网页中插入flash动画、插入音乐

这篇文章主要介绍了html中多媒体的应用之网页中插入Flash动画、插入音乐,需要的朋友可以参考下
收藏 0 赞 0 分享

html网页插入图片、加入地图索引示例讲解

这篇文章主要介绍了html网页插入图片、加入地图索引示例讲解,需要的朋友可以参考下
收藏 0 赞 0 分享

html无序列表标签和有序列表标签使用示例

这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,需要的朋友可以参考下
收藏 0 赞 0 分享

html body标签详解与html常用的控制标记

这篇文章主要介绍了html body标签详解与html常用的控制标记 ,需要的朋友可以参考下
收藏 0 赞 0 分享

html文档基本结构(制作网页基础知识)

这篇文章主要介绍了html文档基本结构,也就是制作网页的基础知识,明白这些才可以做更好的网页,需要的朋友可以参考下
收藏 0 赞 0 分享

a标签怎么去下划线以及实现点击前和点击后不变色

a标签在网页中经常会用到,其默认有下划线和点击前和点击后变色,现在的需求是如何让其不带下划线,以及点击不变色,下面有个不错的教程,大家可以参考下
收藏 0 赞 0 分享

使用iframe实现提交表单不刷新页面

正常情况下,当你向服务器发送数据的时候,你的浏览器将会打开ACTION页面,并且不会重回到当前页面。但是有的时候,我们因为各种各样的要求,而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面
收藏 0 赞 0 分享

在页面中调用搜索引擎以调用百度为例

在自己的页面中调用google、百度这样强大的搜索引擎想必很酷,经搜索还真有,下面是调用百度的一个代码段
收藏 0 赞 0 分享

form的默认提交方式修改方法

html的默认提交方式为get而不是post,如果想变成post必须修改,不知道的朋友可以了解下本文
收藏 0 赞 0 分享
查看更多