html中用"显示双引号的原理是浏览器将其解析为u+0022字符的命名字符引用，避免与属性边界冲突；必须用于属性内嵌套双引号、代码块展示、服务端模板等场景，以保障dom结构完整和xss防护。
HTML 中用 " 显示双引号的原理是什么
浏览器解析 HTML 时，会把 " 当作双引号字符（U+0022）的命名字符引用，而不是当作标签或属性分隔符。这在需要把双引号作为文本内容显示（比如展示代码、引文、JSON 字符串）时特别关键——否则直接写 " 可能被误解析为属性边界，导致结构错乱或渲染失败。
常见错误现象：在 title 属性里直接写 title="他说："你好""，浏览器会把第一个 " 后的 他说： 当作属性值，紧接着的 "你好" 就成了非法标记，控制台报错 Unclosed string literal 或直接截断。
什么时候必须用 " 而不是直接输入 "
以下场景中，" 不是“可选优化”，而是唯一安全写法：
- 在 HTML 属性值中嵌套双引号，例如：
<div data-json='{"name":"张三"}'> <li>在 <code><pre class="brush:php;toolbar:false;"></pre>或<code>块中展示含双引号的代码片段，且该代码本身需保持原貌（如 JS 字符串字面量） - 服务端模板（如 Jinja2、Django 模板）输出动态字符串时，避免因变量内容含
"导致 HTML 结构崩塌 - 生成 HTML 的脚本（如 Node.js 的
fs.writeFileSync）拼接字符串时，无法依赖浏览器自动转义 -
"是命名字符引用，语义清晰、输入方便、被所有浏览器无条件支持 -
"是十进制数字字符引用，等价但更难记；"是十六进制写法，同理 - 在 XML 或 XHTML 中，
"是唯一被预定义的实体，而"虽合法但不如"直观 - 注意：不要写成
"（即把&也实体化了），那会原样输出文字"而非双引号符号 - 使用
v-html（Vue）或dangerouslySetInnerHTML（React）时，内容不经过转义，此时若数据来自用户输入，必须提前用工具函数处理，例如：str.replace(/"/g, '"') - 在组件的
props字符串值中手动拼接 HTML，比如:title="'data: ' + item.name + ' - \"详情\"'"，这时仍需自己补" - SSR（服务端渲染）场景下，若模板引擎未开启自动转义（如 EJS 默认关闭），同样要手动处理
" 和 \"、\" 有什么区别
三者都表示双引号，但适用习惯和可读性不同：
Vue/React 等框架里还要手动写 " 吗
通常不用——现代框架的模板或 JSX 默认对插值内容做 HTML 转义，你写 {{ '他说："你好"' }} 或 {'他说："你好"'}，框架会自动把引号转为 " 输出。但有例外：
双引号转义真正容易被忽略的点在于：它不只是“让页面不报错”，而是决定 DOM 结构是否完整、属性值是否被正确截取、以及 XSS 防御是否生效。哪怕只在一个 alt 属性里漏掉 "，也可能让整张图片不显示，或者意外提前闭合标签。
