HTML长引用标签使用详解

HTML中的`

`标签远不止是简单的引用样式工具，它承载着至关重要的语义责任：必须严格闭合以避免布局崩溃、屏幕阅读器异常和footer丢失；`cite`属性须为完整URL而非作者名或随意文字，确保引用可被爬虫、无障碍工具和RSS阅读器准确解析；`

blockquote必须闭合，否则样式和语义全失效

不闭合

实操建议：

• 写完开头

  后，立刻敲

  ，再填内容
• 嵌套时逐层配对，比如

  ...

• 用编辑器开启“标签自动闭合”和“括号高亮”，别靠肉眼数

cite 属性不是装饰，不填就等于没标来源

cite 是

唯一标准属性，它不显示在页面上，但会被爬虫、RSS 阅读器、无障碍工具读取。空着或填错格式（比如漏 https://）会让引用失去可追溯性。

正确写法示例：

<blockquote cite="https://example.com/2024/quote">
  <p>语义 HTML 的价值不在渲染效果，而在数据可解析性。</p>
  <footer>出自 <cite>Web Accessibility Guidelines</cite>, 2023 年修订版</footer>
</blockquote>

注意点：

• cite 值必须是完整 URL，不能是相对路径或纯文字
• 如果来源是书籍或论文，仍应指向其在线摘要页、DOI 或权威存档链接，而非留空
• 不要把作者名塞进 cite，那是

footer 和 cite 标签不是可选配件，而是语义闭环的关键

只写

+ 文字，等于只说了半句话。WCAG 要求引用必须标明出处，而