自定义的标签与html的标签混合运用
日期：2013-10-13 浏览次数：21303 次
源码是某书提供的，先看一个例子：
直接定义名字空间<html xmlns:comic>，然后全部采用xml前缀标识格式把自定义标签混插在html代码中。
Demo http://www.rexsong.com/blog/attachments/200512/20_101123_comic.htm
使用css对自定义标签进行控制的方法：
@media: 指定款式表规则用于指定的设备类型。此规则无默认值。
Demo http://www.rexsong.com/blog/attachments/200512/20_101127_comic_css.htm
<html xmlns:comic="http://www.w3.org/1999/xhtml"><!--声明自定义标签的前缀-->
<!--自定义的标签与html的标签混合使用-->
<comic:comicbook>
<tr>
<comic:book1>
<td><!--设定自定义标签的款式-->
<comic:bookname date="12/14/00" style="color:red;font-weight:bold;">非常家庭</comic:bookname></td>
<td><comic:author>北条司</comic:author></td>
<td><comic:grade>3</comic:grade></td>
<td><comic:link>link1</comic:link></td>
</comic:book1>
<comic:comicbook>
<tr>
<comic:book1>
<td><!--设定自定义标签的款式-->
<comic:bookname date="12/14/00" style="color:red;font-weight:bold;">非常家庭</comic:bookname></td>
<td><comic:author>北条司</comic:author></td>
<td><comic:grade>3</comic:grade></td>
<td><comic:link>link1</comic:link></td>
</comic:book1>
直接定义名字空间<html xmlns:comic>，然后全部采用xml前缀标识格式把自定义标签混插在html代码中。
Demo http://www.rexsong.com/blog/attachments/200512/20_101123_comic.htm
使用css对自定义标签进行控制的方法：
<style type="text/css">
@media all {
comic\:bookname { color:red; font-weight:bold;}
comic\:link { color:blue; font-size:11pt;}
}
</style>
@media all {
comic\:bookname { color:red; font-weight:bold;}
comic\:link { color:blue; font-size:11pt;}
}
</style>
@media: 指定款式表规则用于指定的设备类型。此规则无默认值。
Demo http://www.rexsong.com/blog/attachments/200512/20_101127_comic_css.htm
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
