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>标签的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方式显示。
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年09月21日
2024年09月21日
- 黑神话悟空上品鼠禁卫精魄获取方法一览|上品鼠禁卫精魄收集攻略
- 优美的旋律至真的情怀《品茶轻音乐·极品典藏Vol.1CD1》[WAV+CUE]
- 曾嵘《峥嵘岁月DSD(试音碟)》WAV+CUE
- 小提琴天碟AlfredoCampoli坎波利-贝多芬D大调小提琴协奏曲与普罗米修斯作品选FLAC
- 博主称本周游戏业内动荡无比:高价PS5 Pro、Xbox裁员等
- 米哈游也搞AI?米哈游AI大模型Glossa完成备案
- G胖变G瘦后:玩家担心其健康状况:如果他出事 游戏业将发生巨变
- 群星.1995-SUMMER.PASSION.REMIX【宝丽金】【WAV+CUE】
- 王栎鑫.2008-天生一对(EP)【种子音乐】【WAV+CUE】
- 曾淑勤.1993-金选集【点将】【WAV+CUE】
- 《命运2》新枪涉嫌抄袭Bungie响应正在调查
- 《刺客信条:影》引发争议日本预购表现低迷
- 黑神话悟空上品狸侍长精魄获取方法一览|上品狸侍长精魄收集攻略
- 大自然环保音乐系列《风花雪月》4CD/DTS[WAV分轨]
- 模拟之声慢刻CD甄妮《86精选[日本母带]》[低速原抓WAV+CUE]