<q>标签引号依赖CSS的quotes属性和伪元素，非硬编码；默认quotes值因浏览器而异，中文需手动设置；嵌套自动切换层级；cite仅语义有效，不渲染引号；<q>与<blockquote>语义不可互换。
q标签默认就加引号，但得靠CSS的quotes和伪元素
浏览器对 <q> 的处理不是“硬编码双引号”，而是依赖 CSS 的 quotes 属性 + ::before/::after 伪元素。默认情况下，大多数浏览器会设置类似 quotes: "“" "”" "‘" "’";，再通过 content: open-quote; 和 content: close-quote; 插入对应符号。
这意味着：不写 CSS 时它可能“看起来没引号”，尤其在旧版 Safari 或某些定制内核中——不是标签失效，是样式未激活。
- 中文环境默认未必用「」或“”，得手动设
quotes: "「" "」" "『" "』"; - 嵌套
<q>（比如引用里再引用）会自动切换第二层引号，靠的是open-quote的层级逻辑 - 如果重置了
q { quotes: none; }，引号立刻消失，且无法仅靠 HTML 恢复
cite属性不显示引号，但对SEO和读屏器很关键
cite 属性只传 URL，浏览器不渲染、不加样式、不自动插入链接。它的作用完全在语义层：
- 屏幕阅读器可能读出 “quote from example.com” 这类提示
- 搜索引擎可据此识别引用来源，增强内容可信度
- 值必须是合法 URL，
cite="WWF"或cite="#section1"都无效 - 不要指望它替代
<a href>——想让用户点击，还得自己套链接
和blockquote混用时，语义不能错位
<q> 是行内短引用，<blockquote> 是块级长引用。两者语义不同，不能靠 CSS 强行互换角色：
立即学习“前端免费学习笔记（深入）”；
- 把大段文字包进
<q>→ 辅助技术会误判为“一句话”，影响可访问性 - 给
<blockquote>加quotes属性 → 无效，它不响应quotes，得靠::before/::after手动加 - 真正需要嵌套时，应是
<blockquote><p>他说：<q>……/p></blockquote></q>，而非<q><blockquote>…</blockquote></q>
兼容性现在没问题，但旧项目要小心IE遗留样式
截至 2026 年，Chrome、Firefox、Safari、Edge 全部原生支持 <q> 的引号渲染。唯一要注意的是历史包袱：
- IE6–IE8 完全忽略
quotes，也不触发::before/::after，所以纯靠它会丢引号 - 部分企业内网仍跑着 IE11 兼容模式，它虽支持
<q>，但默认quotes值是空的，需显式声明 - 如果你的项目还要保 IE，最稳做法是：保留
<q>语义，同时用q::before { content: "“"; }显式写死
真正容易被忽略的是语言切换场景：同一页面中中英文混排时，lang="zh" 和 lang="en" 区域内的 <q> 应该用不同引号，这得靠 CSS 的 :lang(zh) q 和 :lang(en) q 分别控制，而不是指望浏览器自动识别上下文。
