html5中应优先使用和实现加粗/斜体语义,因其能被现代word正确映射为加粗和斜体样式;/仅具视觉效果,易在转换中丢失语义。
HTML5里用<strong></strong>和<em></em>最稳妥
Word能识别的加粗/斜体语义,HTML5里优先用<strong></strong>(强调重要性)和<em></em>(强调语气),而不是<b></b>或<i></i>。因为现代Word(尤其是通过“插入→对象→HTML文件”或直接粘贴纯HTML时)会把<strong></strong>映射为Word的加粗样式,<em></em>映射为*斜体样式*;而<b></b>/<i></i>只是视觉渲染,缺乏语义,在docx转换中容易丢失或降级为普通文本。
实操建议:
- 用
<strong>关键结论</strong>,别用<b>关键结论</b> - 用
<em>此处需注意</em>,别用<i>此处需注意</i> - 如果已有
<b></b>/<i></i>标签,批量替换前先确认是否真无语义——比如图标字体里的<i class="icon-home"></i>不能动
自定义高亮色要用style内联,但得限定CSS属性
Word不支持完整的CSS,只认少数内联样式。想让<span></span>在导入后变成黄色高亮,必须写成<span style="background-color: yellow;">待审核</span>,且只能用background-color(值推荐用英文名如yellow、lightblue,避免十六进制如#ffff00——部分版本Word不识别)。
常见失效情况:
立即学习“前端免费学习笔记(深入)”;