应优先用 表示语气强调，仅当标示技术术语、外来词、船名等非强调类文本时才用 ；二者语义不同，误用损害可访问性和SEO。
HTML里怎么让文字变斜体：用 <i></i> 还是 <em></em>？
直接说结论：语义上该用 <em></em>，纯样式需求才考虑 <i></i>。浏览器默认都渲染成斜体，但它们的用途完全不同——<em></em> 表示“强调”，会被读屏软件加重朗读；<i></i> 仅表示“不同语气或类别”，比如外文词、船名、术语等。
常见错误是把所有斜体都写成 <i></i>，结果导致无障碍访问失效，SEO 也弱化了重点内容。富文本编辑器（如 TinyMCE、Quill）导出 HTML 时，默认也倾向用 <em></em> 而非 <i></i>。
- 需要表达语气强调（比如“你必须保存”里的“必须”）→ 用
<em></em> - 只是视觉斜体，且无强调含义（比如拉丁文学名 homo sapiens）→ 可用
<i></i> - 富文本编辑器配置中，检查其「斜体」按钮输出的是
<em></em>还是<i></i>；多数现代编辑器可配置，别依赖默认
CSS 的 font-style: italic 和 HTML 标签什么关系？
两者不冲突，但优先级和用途不同：font-style: italic 是纯样式控制，不影响语义；HTML 标签则自带语义，CSS 只是默认渲染方式。你可以用 CSS 把 <em></em> 改成直体，也能让普通 <span></span> 变斜体——但语义不会因此改变。
典型误用场景：为了“统一管理样式”，把所有斜体都改成 <span class="italic"></span> + CSS。这会让 HTML 失去结构信息，对可访问性、搜索引擎、后续维护都不友好。
立即学习“前端免费学习笔记（深入）”；
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
-
<em>重要信息</em>+ 自定义 CSS → 保留语义，样式可控 -
<span style="font-style: italic">次要说明</span>→ 无语义，仅临时样式，慎用于富文本内容 - 若富文本内容需禁用斜体样式（比如暗色模式下避免过度装饰），建议覆盖
em, i { font-style: normal; }，而不是删标签
富文本粘贴进 HTML 后斜体消失？检查这三点
用户从 Word、Notion 或微信公众号复制带斜体的内容到富文本编辑器，经常发现斜体没保留。这不是 HTML 不支持，而是粘贴过程中的格式剥离策略出了问题。
- Word 粘贴常带大量冗余
<span style="font-style: italic"></span>，部分编辑器会过滤内联 style → 解决办法：粘贴后用编辑器的「纯文本粘贴」快捷键（通常是Ctrl+Shift+V），再手动加<em></em> - 编辑器配置了
formats白名单但漏了em或i→ 检查初始化配置中是否包含em（如 Quill 的formats: ['bold', 'italic', ...]中italic对应的就是<em></em>） - 后端存储或渲染时做了 HTML 过滤（如使用 DOMPurify），默认可能剔除
<i></i>或<em></em>→ 需显式允许：例如 DOMPurify 配置加ALLOWED_TAGS: ['em', 'i']
用 JavaScript 动态加斜体，别直接拼字符串
想用 JS 给某段文字加斜体？别写 element.innerHTML += '<i>' + text + '</i>' —— 容易被 XSS 利用，且破坏已有事件绑定。正确做法是创建元素并插入文本节点。
const em = document.createElement('em');
em.textContent = '这是动态斜体';
parentElement.appendChild(em);
如果处理的是用户输入内容，更推荐用 textContent 而非 innerHTML，避免意外执行脚本或破坏结构。富文本编辑器 API（如 editor.formatText()）通常也提供安全的格式化方法，比手撕 DOM 更稳。
真正麻烦的不是怎么变斜体，而是斜体该不该存在——每次加 <em></em> 前，先问一句：这段话去掉斜体，意思会不会变弱？如果答案是否定的，那它大概率不该是斜体。
