html邮件必须使用嵌套table布局，因outlook、gmail、apple mail等客户端不支持flex/grid及外部css，仅table+内联属性能跨平台稳定渲染。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
HTML 邮件不能用 flex、grid，也不能依赖外部 CSS，<table> 不是过时写法，而是唯一可靠的选择——这是由 Outlook（尤其是 Windows 版）、Apple Mail、Gmail 等客户端的渲染引擎决定的，不是妥协，是必要。
<h3>为什么必须用嵌套 <code><table> 而不是语义化标签
<p>Outlook for Windows（基于 MS Word 渲染引擎）会直接忽略 <code><div> 上的 <code>display: table-cell，甚至删掉整个 <style></style> 块；Gmail 会剥离 和大部分内联 style 属性（除少数如 color、font-family）；Apple Mail 对 @media 支持极差。只有 <table> + <code><td> + 内联 <code>width/align/valign 属性能跨客户端稳定生效。
<table> 必须带 <code>role="presentation"，告诉屏幕阅读器这不是数据表- 所有宽度必须用
width="600"这类 HTML 属性，而非style="width: 600px" - 避免
colspan/rowspan超过 2，Outlook 2013/2016 渲染错位率高 - 不要用
<thead>/<code><tbody>，部分 Gmail 版本会把它们当空行渲染 <h3><code><table> 嵌套层级怎么控制才不崩溃 <p>三层足够：外层 <code><table width="100%"> 控制整体宽度和居中；中间 <code><tr><td> 套一个固定宽容器（如 <code>width="600"）；内容区再用<table> 拆分左右栏或堆叠模块。超过四层嵌套，iOS Mail 容易触发重绘异常，文字换行错乱。 <ul><li>外层 <code><table> 必须设 <code>cellpadding="0"cellspacing="0"border="0" - 每个
<td> 都要显式设 <code>valign="top"，否则 Outlook 默认居中，导致上下留白不可控 - 左右两栏布局：用两个并列
<td>，别用 <code><table> 套 <code><tr> <td></td> <td> —— 后者在 Yahoo 邮箱里会撑宽整行 <li>响应式 fallback：用 <code>width="100%"的<td> 包住图片，再用 <code>max-width: 100%内联样式（Gmail 支持该样式）字体、颜色、链接这些基础样式怎么安全落地
字体栈必须冗余：先写
"Helvetica Neue"，再跟Arial，最后是sans-serif；颜色只用十六进制（#333333），别用rgb()或命名色（red）；链接必须包裹在<td> 里，且 <code><a></a>自身加style="color: #0066cc; text-decoration: none"，否则 Outlook 会强制加下划线并覆盖颜色。-
<font face="..."></font>仍比 CSSfont-family兼容性更好，尤其对 Outlook 2007/2010 - 行高统一用
line-height: 1.4内联，别用em或px单位（Android Mail 解析异常） - 按钮用
<table> 模拟：外层 <code><td> 设背景色和 padding，里面放居中 <code><a></a>，禁用border-radius（仅 iOS 15+ 支持） - Gmail 会重写
<a href="tel:..."></a>的样式，务必补style="color: inherit"
最常被忽略的是
<meta name="viewport">—— 它在邮件里完全无效，删掉；还有人试图用!important强制样式，但 Outlook 会直接丢弃带!important的整条声明。真正起作用的，永远只是那个最原始的<table width="600"> 和紧跟着的 <code><td valign="top">。</td> -
