<cite>: 引用元素

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

<cite> HTML 元素用于标记创意作品的标题。根据与引用元数据相关的、适合上下文的约定,该引用可以是缩写形式。

试一试

<figure>
  <blockquote>
    <p>
      It was a bright cold day in April, and the clocks were striking thirteen.
    </p>
  </blockquote>
  <figcaption>
    First sentence in
    <cite
      ><a href="http://www.george-orwell.org/1984/0.html"
        >Nineteen Eighty-Four</a
      ></cite
    >
    by George Orwell (Part 1, Chapter 1).
  </figcaption>
</figure>
cite {
  /* Add your styles here */
}

属性

此元素仅包含全局属性

用法说明

<cite> 元素的上下文中,创意作品可能例如是以下之一:

  • 一本书
  • 一篇研究论文
  • 一篇散文
  • 一首诗
  • 一部乐谱
  • 一首歌曲
  • 一部戏剧或电影剧本
  • 一部电影
  • 一部电视节目
  • 一款游戏
  • 一座雕塑
  • 一幅画
  • 一场戏剧演出
  • 一出戏剧
  • 一部歌剧
  • 一部音乐剧
  • 一场展览
  • 一个法律案件报告
  • 一个计算机程序
  • 一个网站
  • 一个网页
  • 一篇博客文章或评论
  • 一个论坛帖子或评论
  • 一条推文
  • 一条 Facebook 帖子
  • 书面或口头陈述
  • 等等。

要包含对 <blockquote><q> 元素中引用的材料来源的引用,请使用该元素的 cite 属性。

通常,浏览器默认会将 <cite> 元素的内容设置为斜体。要避免这种情况,请将 CSS 的 font-style 属性应用于 <cite> 元素。

示例

html
<p>More information can be found in <cite>[ISO-0000]</cite>.</p>

结果

技术摘要

内容类别 流式内容语句内容、明显内容。
允许内容 短语内容.
标签省略 无,起始标签和结束标签都必须存在。
允许父级 任何接受短语内容的元素。
隐式 ARIA 角色 没有对应的角色
允许的 ARIA 角色 任意
DOM 接口 HTMLElement 直到 Gecko 1.9.2(Firefox 4)及之前版本,Firefox 都为此元素实现了 HTMLSpanElement 接口。

规范

规范
HTML
# the-cite-element

浏览器兼容性

另见

  • 用于长引用的 <blockquote> 元素。
  • 用于内联引用的 <q> 元素以及 cite 属性。