HTML5中应优先使用<strong>和<em>实现加粗/斜体语义,因其能被现代Word正确映射为加粗和斜体样式;<b>/<i>仅具视觉效果,易在转换中丢失语义。

HTML5里用<strong>和<em>最稳妥
Word能识别的加粗/斜体语义,HTML5里优先用<strong>(强调重要性)和<em>(强调语气),而不是<b>或<i>。因为现代Word(尤其是通过“插入→对象→HTML文件”或直接粘贴纯HTML时)会把<strong>映射为Word的加粗样式,<em>映射为*斜体样式*;而<b>/<i>只是视觉渲染,缺乏语义,在docx转换中容易丢失或降级为普通文本。
实操建议:
- 用
<strong>关键结论</strong>,别用<b>关键结论</b> - 用
<em>此处需注意</em>,别用<i>此处需注意</i> - 如果已有
<b>/<i>标签,批量替换前先确认是否真无语义——比如图标字体里的<i class="icon-home"></i>不能动
自定义高亮色要用style内联,但得限定CSS属性
Word不支持完整的CSS,只认少数内联样式。想让<span>在导入后变成黄色高亮,必须写成<span style="background-color: yellow;">待审核</span>,且只能用background-color(值推荐用英文名如yellow、lightblue,避免十六进制如#ffff00——部分版本Word不识别)。
常见失效情况:
立即学习“前端免费学习笔记(深入)”;
DMap GL地图JSAPI(dmapgl)开发指南。用于编写、审查、调试 DMap 地图 API 代码,涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
-
background: yellow(简写属性,Word不解析) -
color: red(文字颜色可被识别,但不算“重点标注”,且易与Word默认主题色冲突) - 外链CSS或
<style>块(Word导入时直接忽略)
导入Word时选“保留源格式”并禁用自动更正
直接复制HTML代码到Word,或用“插入→对象→HTML文档”方式导入,都必须手动干预格式继承。关键两步:
- 粘贴后立刻点Word右下角出现的“粘贴选项”小图标 → 选
保留源格式(不是“匹配目标格式”) - 进入
文件→选项→校对→自动更正选项→ 取消勾选键入时自动套用格式和键入时突出显示,否则Word会把<strong>又转回普通加粗并覆盖原有样式逻辑
注意:Office 365/2021对HTML语义支持较好;老版本Word 2010可能把<em>当普通斜体但丢掉语义层级,此时建议导出为.docx前先用Pandoc或html-docx-js做一次中间转换。
复杂标注(如批注、下划线+颜色)得绕开HTML直连
HTML5没有原生对应Word批注(Review→New Comment)、双下划线、红字删除线等的标签。硬用<u>或<del>导入后大概率失效或变形。
可行路径只有两条:
- 用
html-docx-js库生成docx:它支持将data-comment="xxx"这类自定义属性转为Word批注,需配合JS调用 - 用Pandoc命令行:
pandoc input.html -o output.docx --wrap=none,再手动在Word里用“查找替换”把特定class(如class="highlight-red")批量设为红色底纹
别指望浏览器里“另存为PDF再转Word”——格式错乱率极高,重点标注基本全丢。真正要保语义,就得接受多一道工具链。


















