HTML q 语法
在 HTML 中，q 标签用于引用短文本内容，比如引用某人说过的一句话或一段观点。q 是一个行内元素，它会自动在内容前后加上英文双引号，用来突出这是 “引用”。
语法：
<q>这是一段简短的引用</q>说明：
q 标签支持以下 2 个属性。
cite（可选）：指定引用的来源，它的值可以是 URL 或引用来源的描述文本。lang（可选）：指定引用的语言。
提示: q 是 “quote” 的缩写。
HTML q 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 中 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML q 示例
接下来，我们通过几个简单的例子来讲解一下 HTML q 标签是如何使用的。
示例 1：q 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>我非常喜欢《小王子》里的一句话：<q>人难过的时候，总是爱看日落。</q></p>
</body>
</html>页面效果如下图所示。
示例 2：q 标签的属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<q cite="https://en.wikipedia.org/wiki/Quote_(typography)" lang="en">A short quote is a brief passage of quoted text.</q>
</body>
</html>页面效果如下图所示。
分析：
在上面例子中，cite 属性指定了引用来源（即 URL），lang 属性指定了引用语言为 “英语” 。
blockquote、q 和 cite 的区别
blockquote、q、cite 这 3 个标签都是用于 “引用” 的标签，它们主要的区别在于语义和外观上：
blockquote：用于引用较长的段落文字，比如文章引言、诗歌、评论等。blockquote 是一个块级元素，并且会缩进引用文本。q：用于引用简短的文本，比如文中插入他人的一句话、引用某人的观点或片段。q 是一个行内元素，它会使用英文双引号包裹引用文本。cite：用于引用作品的标题（如书名、文章名、电影名）。cite 是一个行内元素，它会以斜体显示引用文本。
提示:
- HTML5 标准规定：cite 不应用于标记作者的名字。
- q 和 blockquote 可以同时搭配 cite 来说明引用的出处。
