不等于 APA/MLA 引用，因其仅语义化标示作品标题，不涵盖作者、年份、页码等必需字段，且无自动编号、悬挂缩进或机器可解析元数据；正确用法限于正文提及作品名或引文页脚，不可滥用作整条参考文献。
HTML 本身不提供 APA 或 MLA 引用格式的语义支持，<cite></cite> 只能标出作品名，不能替代参考文献列表的结构化排版。
为什么 <cite></cite> 不等于 APA/MLA 引用
<cite></cite> 是 HTML 原生标签，但它的规范定义（HTML5）仅要求“表示一部作品的标题”，比如书名、文章名、电影名——它不处理作者、年份、页码、URL、访问日期这些 APA/MLA 必需字段。浏览器也不会为它自动加斜体以外的样式，更不会生成编号或悬挂缩进。
常见错误现象：
• 把整段 APA 引用塞进 <cite></cite> 里，如 <cite>Smith, J. (2023). How to cite things. Journal of Web Standards, 12(4), 45–67.</cite> —— 这违反语义，且无法被引用管理工具识别
• 以为加了 <cite></cite> 就算满足学术规范，结果导出 PDF 或被 Zotero 抓取时信息丢失
真实场景下怎么让引用「可读又可用」
网页不是 Word 文档，引用必须兼顾人眼阅读和机器可解析性。核心思路是：用语义化 HTML 打底 + 微数据（Microdata）或 Schema.org 标注补足元数据。
立即学习“前端免费学习笔记（深入）”；
- 对单篇被引用的文章，用
<article></article>包裹，内部用<header></header>放标题（<h2></h2>）、作者（<address></address>或带itemprop="author"的<span></span>）、年份（<time datetime="2023">2023</time>） - 参考文献列表统一用
<ol></ol>（有序列表），每项用<li>，编号由 CSS 控制而非手动写 “1.” “2.” —— 方便后续 JS 动态排序或跳转 - 若引用网页资源，必须包含
<a href="https://example.com">...</a>，且href值要真实可访问；同时用<time datetime="2024-03-15">Mar 15, 2024</time>标明访问日期（APA 第7版要求）
<cite></cite> 的正确用法和边界
它只该出现在两个地方：
• 直接跟在作者名之后，标出被引作品名，例如：<p>As argued by Chen (2022) in <cite>Frontend Accessibility Patterns</cite>,...</p>
• 在 <blockquote></blockquote> 的 <footer></footer> 中，说明引文出处：<blockquote>
<p>Semantic HTML is not optional.</p>
<footer>— <cite>Web Content Accessibility Guidelines</cite>, W3C, 2023</footer>
</blockquote>
容易踩的坑：
• 用 <cite></cite> 包作者名（错！作者该用 <span></span> 或 <strong></strong>）
• 在参考文献列表里每个条目开头都套一层 <cite></cite>（错！这会让屏幕阅读器重复播报“引用”二字，干扰理解）
• 忘记英文引用中书名/期刊名要用斜体（<cite></cite> 默认有 font-style: italic，但中文场景常需额外 CSS 重置）
导出或交作业前必须检查的三件事
很多“格式不合规”问题其实出在交接环节：
- 确认目标平台（如 Moodle、Turnitin、学校 CMS）是否支持 HTML 上传并保留微数据；如果不支持，就得老老实实导出为 Word/PDF，并用 Word 的引用管理器重排——HTML 再规范也白搭
- 检查所有
datetime属性值是否符合 ISO 8601（如2024-03-15，不是15/03/2024），否则 Schema.org 解析器会忽略 - 用浏览器开发者工具 → Elements 面板，右键检查
<cite></cite>是否被意外嵌套在<em></em>或<i></i>里（会导致双重斜体，语义混乱）
复杂点在于：APA 和 MLA 对网页引用的字段要求不同（MLA 不强制年份，APA 要求访问日期），而 HTML 没有内置区分机制——你得靠 class 名或 data-* 属性手动标记类型，比如 <li class="apa-citation">，再配对应 CSS 或 JS 处理。这点很容易被忽略，直到交稿前一小时才发现格式全乱了。
