日期:2013-10-13  浏览次数:21256 次

 源码是某书提供的,先看一个例子:
<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>

直接定义名字空间<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: 指定款式表规则用于指定的设备类型。此规则无默认值。

Demo http://www.rexsong.com/blog/attachments/200512/20_101127_comic_css.htm