仅用于引用外部独立成文内容,如规范、文档段落;非引用类提示应使用或带class的;cite属性须为完整URL且需手动添加链接以显示来源。

HTML 里的 不是用来“引用别人说的话”就完事的——它本质是语义化标签,浏览器、屏幕阅读器和搜索引擎都靠它判断内容层级和引用关系。用错地方,反而会破坏可访问性或 SEO。
什么时候必须用 ,而不是 或 只在明确引用「外部独立成文的内容」时才该用:。比如摘录另一篇文章段落、引用 GitHub issue 描述、转述 RFC 文档条款。
htmlppt.skill
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
下载
- ✅ 正确场景:从《HTTP/1.1 规范》里抄一段定义文字
- ❌ 错误场景:自己写的“温馨提示”“注意”“小贴士”——这些属于强调,不是引用,用
@#@#@#@#@#@#@#@#@#@0,放在 内部末尾
-
cite 值必须是完整 URL(如 https://example.com/spec#section-2.1),不能是相对路径或文字描述
- 如果引用来自 PDF 或书本,
cite 可以填 DOI 或 ISBN 链接,但别填 “《JavaScript 高级程序设计》P123” 这种纯文本
<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
The <code><blockquote></blockquote></code> element indicates that the enclosed text is an extended quotation.
<footer><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">MDN HTML blockquote docs</a></footer>
</blockquote>
样式没生效?先检查是否被 CSS 重置或继承干扰
很多 CSS 重置库(如 Normalize.css)会把 的 margin 设为 0,或者清空 border-left——这会让你以为“样式没加进去”,其实是被覆盖了。
- 浏览器默认样式其实很弱:仅左右 margin,无边框、无缩进、无引号
- 想加左侧竖线?得显式写
border-left: 4px solid #ccc;,别依赖“应该有”的印象
- 嵌套引用时(比如引文里再引一句),
本身不支持自动缩进层级,需靠 CSS 的 blockquote blockquote 选择器手动控制
- 移动端要注意:部分 iOS Safari 对
的 font-size 有奇怪继承行为,建议显式声明
真正难的不是怎么写这个标签,而是每次敲 之前,得停下来问一句:这段内容,是否真的构成一个可溯源、可独立存在的外部引用?如果不是,换标签更诚实。
只在明确引用「外部独立成文的内容」时才该用:。比如摘录另一篇文章段落、引用 GitHub issue 描述、转述 RFC 文档条款。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- ✅ 正确场景:从《HTTP/1.1 规范》里抄一段定义文字
- ❌ 错误场景:自己写的“温馨提示”“注意”“小贴士”——这些属于强调,不是引用,用
@#@#@#@#@#@#@#@#@#@0,放在内部末尾 -
cite值必须是完整 URL(如https://example.com/spec#section-2.1),不能是相对路径或文字描述 - 如果引用来自 PDF 或书本,
cite可以填 DOI 或 ISBN 链接,但别填 “《JavaScript 高级程序设计》P123” 这种纯文本
<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> The <code><blockquote></blockquote></code> element indicates that the enclosed text is an extended quotation. <footer><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">MDN HTML blockquote docs</a></footer> </blockquote>
样式没生效?先检查是否被 CSS 重置或继承干扰
很多 CSS 重置库(如 Normalize.css)会把 的 margin 设为 0,或者清空 border-left——这会让你以为“样式没加进去”,其实是被覆盖了。
- 浏览器默认样式其实很弱:仅左右 margin,无边框、无缩进、无引号
- 想加左侧竖线?得显式写
border-left: 4px solid #ccc;,别依赖“应该有”的印象 - 嵌套引用时(比如引文里再引一句),
本身不支持自动缩进层级,需靠 CSS 的blockquote blockquote选择器手动控制 - 移动端要注意:部分 iOS Safari 对
的font-size有奇怪继承行为,建议显式声明
真正难的不是怎么写这个标签,而是每次敲 之前,得停下来问一句:这段内容,是否真的构成一个可溯源、可独立存在的外部引用?如果不是,换标签更诚实。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










