blockquote 的 cite 属性仅接受可访问的绝对 url，相对路径或无效值将被浏览器丢弃；多段引用须用 显式包裹；用户可见出处需通过 手动添加。
blockquote 的 cite 属性只接受绝对 URL，填错等于没写
cite 属性不是“作者栏”或“来源说明框”，它只存一个可访问的机器可读地址。浏览器完全不渲染它，用户看不见、点不了、hover 也没提示。你写 cite="《HTML权威指南》" 或 cite="张三, 2024"，HTML5 校验器直接报错，浏览器静默丢弃该属性值。
必须用真实可访问的绝对 URL：
-
cite="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote"✅ -
cite="https://doi.org/10.1145/123456789"✅（DOI 转成链接） -
cite="https://isbnsearch.org/isbn/97875198XXXXX"✅（ISBN 对应公开页面） -
cite="article.html"⚠️ 相对路径在静态站、CDN 或跨域部署时极易 404，语义链断裂 -
cite=""或留空 ❌ 等同于没声明出处，SEO 和无障碍支持归零
多段长引用必须用 <p></p> 显式包裹，不能靠换行
直接写 <blockquote>第一段。\n第二段。</blockquote> 看似能显示，但语义错误：屏幕阅读器可能连读成一句话，CSS 无法单独控制段间距，XHTML 验证失败，SSR（如 Next.js）可能自动补 <div> 导致结构污染。
<p>正确结构是每段独立包裹 <code><p></p>：
<blockquote cite="https://example.com/spec"> <p>第一段引文内容，有完整逻辑边界。</p> <p>第二段仍属同一出处，但需独立语义单元。</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher"><img src="https://img.php.cn/upload/skill/000/000/081/179109368394970.jpg" alt="Wechat HTML Publisher" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="overflowclass">Wechat HTML Publisher</a> <p class="overflowclass">直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。</p> </div> <a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <footer>— <cite>HTML Living Standard</cite></footer> </blockquote>
如果引文内含代码或列表，<p></p> 内可合法嵌套 <pre class="brush:php;toolbar:false;"></pre>、<ol></ol> 等流内容元素；别用 \n 或空格模拟分段——那是视觉欺骗，无语义支撑。
用户看得见的出处，只能靠 <footer><cite></cite></footer> 组合
cite 属性本身不产生任何可见文字。想让用户看到“——《设计模式》，Gamma et al.”，必须手动加结构，且位置严格限定在 <blockquote></blockquote> 内部末尾。
<footer></footer> 是唯一语义正确、无障碍友好、浏览器稳定支持的容器：
-
<footer></footer>必须在<blockquote></blockquote>内部，不能放外面，否则语义断裂 -
<cite></cite>只能包裹作品名（书名、文章标题、标准文档名），不能塞作者、年份、出版社、URL 或 ISBN - 作者、机构、时间等用普通文本或
<strong></strong>，例如：<footer>— <cite>前端可访问性模式</cite>, 李四, 2024</footer> - 移动端建议加
text-align: end让署名右对齐，更符合阅读习惯
服务端渲染和动态插入的坑：cite 必须随 HTML 一起输出
在 Next.js、Nuxt 或 Vue SSR 场景中，cite 属性必须由服务端生成并写入初始 HTML。JS 动态设置 el.setAttribute('cite', url) 或修改 el.cite = url 不生效——爬虫和多数辅助技术只读取初始 DOM 中的属性值。
验证是否生效，可在控制台运行：document.querySelector('blockquote').cite。如果返回 null 或空字符串，说明没被正确解析，不是 JS 没执行，而是 HTML 输出阶段就漏了或写错了。
复杂点在于：URL 必须指向与引文内容完全匹配的原始页面，而非首页或跳转页。否则对 SEO 和语义解析毫无价值。没合法 URL 就别硬塞 cite，宁可用 <footer></footer> 手动标注，也别让元数据失效。
