HTML <cite> 标签

在html中,<cite>标签是使用来定义作品(书籍、歌曲、电影、绘画等等)的标题,注意的是,人名不代表作品标题。 在html 4.01版本中该标签是使用来定义一个引用,在html 5 版本升级了该标签,用来定义作品标题。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>cite 元素</h1>
  5. <img src="/images/the_scream.jpg" width="220" height="277" alt="The Scream">
  6. <p><cite>呐喊(The Scream)</cite> ,是挪威画家 爱德华·蒙克 在1831年创作的。</p>
  7. </body>
  8. </html>

定义和用法

<cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。按照惯例,引用的文本将以斜体显示。

用 <cite> 标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。

<cite> 标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。<cite> 标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。


浏览器支持

元素
<cite>YesYesYesYesYes

所有浏览器都支持 <cite> 标签。


默认CSS设置

大多浏览器都会给cite 如下的默认样式:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. cite {
  6. font-style: italic;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <p>cite元素的展现方式是这样的效果:</p>
  12. <p><cite>呐喊(The Scream)</cite> ,是挪威画家 爱德华·蒙克 在1831年创作的。</p>
  13. <p>改变默认设置看一下效果.</p>
  14. </body>
  15. </html>