HTML cite 语法
在 HTML 中，cite 标签用于引用作品的标题，比如书名、文章名、电影名等。它并不是用于显示引用的内容本身，而是说明这个引用来自哪里。
语法：
<cite>来源内容</cite>说明：
cite 是一个行内元素，它会使用斜体来显示引用文本。
HTML cite 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 中 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML cite 示例
接下来，我们通过几个简单的例子来讲解一下 HTML cite 标签是如何使用的。
示例 1：cite 标签引用书名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<blockquote>This is a quote from the book <cite>"The Little Prince"</cite> by Antoine de Saint-Exupéry.</blockquote>
</body>
</html>页面效果如下图所示。
分析：
在上面例子中，cite 标签标识了引用的来源，也就是 Antoine de Saint-Exupéry 的书籍 “The Little Prince”。
示例 2：cite 标签引用网站
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>从<cite>百度百科（https://baike.baidu.com）</cite>可以了解到，中国2024年的人口数量为14亿。</p>
</body>
</html>页面效果如下图所示。
blockquote、q 和 cite 的区别
blockquote、q、cite 这 3 个标签都是用于 “引用” 的标签，它们主要的区别在于语义和外观上：
blockquote：用于引用较长的段落文字，比如文章引言、诗歌、评论等。blockquote 是一个块级元素，并且会缩进引用文本。q：用于引用简短的文本，比如文中插入他人的一句话、引用某人的观点或片段。q 是一个行内元素，它会使用英文双引号包裹引用文本。cite：用于引用作品的标题（如书名、文章名、电影名）。cite 是一个行内元素，它会以斜体显示引用文本。
提示:
- HTML5 标准规定：cite 不应用于标记作者的名字。
- q 和 blockquote 可以同时搭配 cite 来说明引用的出处。
