blockquote的cite属性仅作为机器可读的元数据存在，不渲染、不可点击、无视觉呈现，仅用于SEO、辅助技术和结构化数据补充；用户可见的出处必须通过footer+cite手动实现。
blockquote的cite属性不显示、不点击、不渲染
cite属性只存一个URL字符串，浏览器完全不把它画出来——你写了cite="https://example.com"，页面上不会多出一行字，也不会变成可点击链接，更不会有悬停提示。它纯粹是给机器看的元数据，就像data-* 属性一样安静。
常见错觉是“填了cite就能让用户看到来源”，结果检查DOM发现值存在但页面空空如也，不是CSS没写对，也不是JS没加载，而是它本来就不负责显示。
- 填
cite="《JavaScript权威指南》"→ HTML5校验失败，浏览器静默丢弃 - 填
cite="作者：张三"→ 不是URL，解析失败，DOM里blockquote.cite返回null - 填
cite="doc.html"→ 相对路径在静态站点中极易404，爬虫读到的是无效URI
真正起作用的场景只有三个
一是SEO：Google等引擎会提取cite值作为引用来源信号，但权重极低，远不如正文里的<a href>；二是辅助技术：VoiceOver+Safari组合偶尔会在朗读<blockquote>后读出URL，但ChromeVox或NVDA基本忽略；三是结构化数据配合：当页面同时嵌入JSON-LD时，cite可作为quotedFrom字段的轻量级补充。
别为SEO单独加cite，有真实链接时，优先确保那个<a>存在且可访问。
立即学习“前端免费学习笔记（深入）”；
- 用
document.querySelector('blockquote').cite能读取值，但别拿它做逻辑分支（比如“如果cite存在就显示来源按钮”） - IE9+、Chrome、Firefox、Safari都支持该属性，但没人把它当功能用——它只是规范里一个安静的字段
- 没合法URL就留空，比填错强；填错等于没填
想让用户看见出处，必须手写footer+cite组合
可见的来源信息只能靠<footer>实现，而且它必须是<blockquote>的最后一个子元素。里面用<cite>只包作品名，比如<cite>HTML Living Standard</cite>，不能包作者、网址、年份。
正确结构长这样：
<blockquote cite="https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element"> <p>The <code><blockquote></code> element represents content that is quoted from another source.</p> <footer>— WHATWG, <cite>HTML Living Standard</cite></footer> </blockquote>
-
<footer>不能放在<blockquote>外面，否则语义断裂，屏幕阅读器无法关联 -
<cite>默认斜体，中文下建议CSS重置：cite { font-style: normal; }，再加引号或颜色区分 - 多段引用时，每段必须用
<p>包裹，<footer>仍得放在整个<blockquote>末尾
cite和href根本不是一回事
cite是溯源URI，href是导航目标——前者可以是DOI、FTP路径、甚至cite="urn:isbn:978-7-04-052345-6"，后者必须是浏览器能跳转的有效URL。两者可以共存，但不能混用。
实际交付时，用户要的是能点开的链接，那就老老实实写<a href="https://...">原文链接</a>，放在<footer>里或紧贴引文下方。别指望cite替你干活。
- URI含空格？
cite值需手动URL编码，href通常由浏览器自动处理 - 填
cite="https://example.com#section2"没问题，但href指向锚点时要考虑滚动行为 - 最常被忽略的一点：
cite值必须真实可访问——哪怕只是个404页面，也比虚构地址强；否则引用链在语义层面就断了
