先记住这个答案
引用一整段话用 <blockquote>,在一句话里嵌入短引文用 <q>;<cite> 用于书、文章、电影等作品标题,不是把所有来源信息都包起来的万能标签。<blockquote> 的 cite 属性可写来源 URL,帮助机器识别出处,但浏览器不会自动把这个 URL 或作者显示给读者。要让出处可见,应在引文旁写文字和链接。
- <blockquote> 放块级长引用
- <q> 放行内短引用
- <cite> 标记作品标题
- cite 属性不自动显示署名
在评论文章里引用原话
写影评时需要引一段原文,再标明它出自哪本书。引文与作品标题是两个不同语义:一段话是引用内容,书名是来源作品名称。
<figure>
<blockquote cite="https://example.com/book/chapter-1">
<p>这是被引用的一段完整文字。</p>
</blockquote>
<figcaption>
出自 <cite>某本书的标题</cite>
</figcaption>
</figure>cite 属性里是来源地址,不会自动产生页脚;<figcaption> 把可见出处写出来。<cite> 标记的是作品标题,不是作者姓名。
若只有一句短引文嵌在自己的句子里,用 <q> 更自然。浏览器可能为 <q> 自动添加引号,避免在标记内再手写重复引号。
来源信息要能被读者看到
机器可读的引用 URL 有用,但读者在页面上需要知道谁说的、出自哪里,以及是否能点开原始材料。只写 cite 属性,读者通常看不到这些信息。
不要把自己的总结包成 <blockquote> 来制造缩进。那会把普通段落错误标记为引文;需要视觉缩进时用 CSS。区分元素的关键是内容关系,不是默认样式。
例如引用规范的一段原话,<blockquote cite="https://..."> 可以在标记里记录来源地址,但主流浏览器通常不会把这个属性自动显示成可点击出处。读者需要核对原文时,仍应在引用后面放一个可见的链接,并标明作者或文档名。<cite> 元素表示作品标题,不是随便包住说话人的姓名。若只引用一句短语并嵌在自己的句子里,使用行内的 <q> 更贴合语义。
引用时还要保留原话和自己观点的边界。<blockquote> 内可以放一个或多个段落,但不要把整篇评论都包进去;否则读者和辅助技术会以为连你的解释也是引文。cite 属性是机器可读的来源 URL,不能替代正文中可见的作者和链接。若引用内容经删节或翻译,也应在可见文字里说明,避免读者误以为是逐字原文。
容易答错的地方
- 把
<cite>用来包作者姓名 - 它主要标记被引用作品的标题。作者可作为普通可见文本写在署名里。
- 以为
cite属性会自动显示来源 - 浏览器通常不会渲染该属性值。可见署名和链接需自行写在页面上。
面试官还会怎么问?
一句话中引用短句怎么标?
用 <q> 包短引文;如果是独立成段的较长引文,用 <blockquote>。
<blockquote> 可以没有 cite 属性吗?
可以;但正式内容仍应尽量提供可见出处,便于读者核对。
想让普通段落缩进能用 <blockquote> 吗?
不该。它表示引用语义,纯视觉缩进应使用 CSS。
参考资料
示例用于理解所注明的运行环境与边界;延伸学习可结合原文中的更多案例。