q标签不自动添加引号，显示依赖lang属性与CSS quotes规则；中文引号需设html lang="zh"并显式定义quotes: "“" "”" "‘" "’"；嵌套超两层或混排中英文时须用:lang伪类分别控制。

q 标签本身不“自动添加双引号”，它只是语义标记；引号是否显示、显示成什么样式，完全取决于浏览器对 quotes CSS 属性的实现 + lang 属性配合。直接写 <q>细节决定成败</q> 在多数中文页面上会显示为无引号或英文双引号，这不是 bug，是规范行为。

为什么q标签常不显示中文引号

浏览器默认不查中文引号表，尤其当： 没设 lang，或设了但值不被识别（如 lang="zh-CN" 在旧 Safari 中失效）；CSS 未显式声明 quotes；父容器写了 quotes: none（常见于 UI 框架重置样式）。

调试时可执行：getComputedStyle(document.querySelector('q')).quotes —— 返回空字符串或 "\"\" \"\"" 就说明没生效。

• 必须全局设 （比单个 <q lang="zh"></q> 更可靠）
• CSS 中强制写四元组：q { quotes: "“" "”" "‘" "’"; }（少一个值，Safari 可能回退到英文引号）
• 避免在 display: flex 或 display: grid 容器里给 q 设 display: block，这会破坏伪元素上下文

嵌套q时引号层级失效怎么办

理论上 <q>他说<q>先做出来</q></q> 应渲染为 “他说‘先做出来’”，但 Safari 和多数安卓 WebView 不支持多层引号切换，第二层常消失或仍为双引号。

• 最多只嵌套两层，三层以上建议手动写符号，比如 “他说‘先做出来’”
• 若需统一风格（如全用「」），覆写：q { quotes: "「" "」"; } q q { quotes: "『" "』"; }
• 别在 q 上直接加 font-style: italic 或重置 line-height，可能干扰 ::before/::after 的继承链

cite属性写了却没效果？它本来就不该“有效”

cite 是纯语义属性，不参与渲染：它不会加链接、不显示 tooltip、不改变样式。它的作用只在后台——供屏幕阅读器读出“引自 example.com”，或帮搜索引擎识别引用来源。

• 值必须是合法 URL，cite="WWF" 或 cite="#section1" 都无效
• 想让用户点击出处？得自己套 <a href="..."></a>
• 省略 cite 不报错，但会丢失语义完整性，影响可访问性评分

真正容易被忽略的是混排场景：中英文段落共存时，q 的引号必须靠 :lang(zh) q 和 :lang(en) q 分别控制，浏览器不会根据文本内容自动切换——它只看元素自身的 lang 属性或最近祖先的声明。