q 标签的 cite 属性必须是有效 url，不可填作者名、书名等文本；它不渲染、仅作机器可读的元数据，应避免相对路径，无在线来源时应省略而非虚构。
q 标签的 cite 属性必须是 URL，不是任意文本
很多人误以为 cite 可以填作者名、书名或“见《XXX》第5页”这类描述——不行。cite 是专门用来指向引用来源的**可访问地址**，浏览器不会渲染它，但语义上要求它是有效的 URL（如 https://example.com/article 或相对路径 ./source.html）。
常见错误现象：<q cite="鲁迅">其实地上本没有路...</q> —— 这违反 HTML 规范，cite 值不是 URL，校验工具会报错，辅助技术也可能忽略该属性。
-
cite值建议用绝对 URL，避免相对路径失效（比如被 iframe 加载或跨域引用时） - 如果真没有在线来源，宁可省略
cite，也不要硬填虚构 URL 或非 URL 字符串 - 想展示作者/出处文字？用普通文本或
<footer></footer>等语义标签，别塞进cite
浏览器根本不显示 cite 属性内容
这是最容易被忽略的一点：<q cite="https://example.com/post">Hello</q> 渲染出来就只是 “Hello”，引号由 CSS 的 quotes 控制，cite 完全不可见。它只对机器有意义（如爬虫、屏幕阅读器、SEO 工具）。
如果你期望用户看到“来源：https://example.com/post”，必须手动加文案，比如：
<q cite="https://example.com/post">Hello</q><small>（来源：<a href="https://example.com/post">example.com/post</a>）</small>
- 不要指望 CSS 通过
attr(cite)自动插入——content: attr(cite)在<q></q>上无效，因为cite不是呈现性属性 - 部分屏幕阅读器可能朗读
citeURL，但不保证；依赖它做信息传达风险高
和 <blockquote></blockquote> 的 cite 属性行为一致
<q></q> 和 <blockquote></blockquote> 的 cite 属性规范完全相同：都要求 URL，都不渲染，都用于元数据标注。区别只在语义层级——<q></q> 是**行内短引用**，<blockquote></blockquote> 是**块级长引用**。
- 别因为
<blockquote cite="..."></blockquote>常见，就以为<q cite="..."></q>可以随意填；规则一视同仁 - 两者都不能用
cite替代视觉上的出处说明，该写的还得写出来 - 如果引用来自 PDF 或纸质书且无对应网页，
cite应留空，而不是填 PDF 文件路径（file:///协议多数场景不可访问）
cite 是给人看的——它纯粹是给机器留的线索，而且只认 URL。填错格式，等于没填。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
