哪些 HTML 标签和属性实际能用？

微信保留了一小部分语义化标签和内联样式，但限制极严。能用 ≠ 推荐用，因为行为不稳定（不同版本、不同设备渲染可能不一致）。

• 
  

  到

  可用，

  会被转成

• 、 安全，对应加粗/斜体

• 是主力，段落靠它，但不能嵌套
• style 属性只允许极少数：如 color、text-align、font-size（单位必须是 px 或 em），且仅对内联元素生效
• class 属性完全无效，别白费劲

示例（可安全粘贴）：

这行字居中、红色、16px
立即学习“前端免费学习笔记（深入）”；

为什么直接粘 HTML 经常“格式全丢”？

不是你代码写错了，是微信在保存时做了三轮清洗：

• 第一轮：移除所有危险标签和事件属性（、onload 等）
• 第二轮：标准化结构，强制把
  换成

  ，删掉所有 class 和大部分 style

• 第三轮：移动端预览时再按 ios/android 渲染引擎微调，可能进一步简化

常见错误现象：
– 粘完看着好好的，一保存就变单栏、字号归零
– 居中文字变成左对齐
– 颜色变成灰色或默认黑
– 多层嵌套 全部塌缩成纯文本

想实现复杂排版，该怎么做？

绕过编辑器，用「合法接口」替代「硬写 HTML」：

• 用官方「图文素材」接口上传已渲染好的图片（比如用 HTML+CSS 在本地生成长图，再插入）
• 接入「微信公众号模板消息」或「服务号网页」做交互，把真正需要 HTML 的逻辑放到 H5 页面里，图文里只放跳转链接
• 第三方排版工具（如壹伴、新媒体管家）本质是帮你生成微信兼容的精简 HTML，它们做的不是“让微信支持 HTML”，而是“提前把你的设计降级成微信能咽下的那一口”

关键提醒：别在编辑器里调试 CSS 响应式、flex 布局、动画——这些从一开始就不在微信的运行时能力范围内。它要的不是网页，是一份带基础样式的富文本快照。