足球游戏_中国足彩网¥体育资讯$

html 自定义标签使用实现方法
来源:易贤网 阅读:797 次 日期:2016-06-23 10:52:20
温馨提示:易贤网小编为您整理了“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=gbk" />

<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方式显示。

中国足彩网信息请查看网页制作
上一篇:ie6 失真问题
易贤网手机网站地址:html 自定义标签使用实现方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标