知识库首页 
传送 HTML 郵件在不同郵件客戶端顯示的問題
HTML 郵件在不同郵件客戶端顯示的問題
传送
更新日期 六月 1, 2021
AOL、Yahoo、Gmail 等 ISP 业者会影响邮件在收件匣呈现的样貌，更别说不同的浏览器也会有影响。 Benchmark 致力协助我们的客户建立精美的邮件。使用拖曳式编辑器，编辑适合各种移动设备的响应式邮件。此外，我们也提供收件匣测试功能，让您在邮件进到收件人的信箱前，提前浏览邮件呈现的样貌。
建立电子报的最佳作法
有些邮件客户端设有一些限制，任何一间 ESP 也无法避免。下列几个重点指出，不论邮件客户端或是浏览邮件的设备为何，邮件都能显示相同样貌的方法。
- 使用拖曳式编辑器 – 所有拖曳式编辑器里的邮件模版都是响应式邮件。
- 开启邮件的网页版本选项 – 将网页版本链接加入邮件。有些邮件客户端没有遵守网络规定，可能会让您的邮件看起来不整齐。在许可提示区块开启此选项。
- 背景图片 – 当收件端无法显示图片时，邮件会显示背景图片的颜色。编辑背景颜色，选择可以突出文字的颜色，否则邮件可能会呈现空白。
- 加入图片的替代文字 – 替代文字是用来描述电子报里面的图片。大部分收件端不会自动显示图片，所以替代文字可以提供文字说明。使用替代文字，邮件比较不容易被挡信。
- 对齐图片 – 大部分情况下，图片尺寸可能会太大，覆盖住文字，或是画质被压缩。对齐图片并缩小尺寸来清除格式。如果您使用我们的拖曳式编辑器，这些问题都不用烦恼，因为我们已经为您处理好了。
- 在文字区块避免直接使用长串的 URL 字符串-过长的文字没有间隔，比如直接添加长 URL 到文字区块，会造成文字字符串超过邮件的宽度。请使用Benchmark 编辑器工具栏的链接工具，给文字、句子或图片添加链接。要了解更多关于我们的链接选项，点击此处。
当您完成上述设定后，您可能需要发送一封测试信给自己或是给您信任的人。试着在多个设备上开启您的测试信，浏览邮件设计的样貌。您也可以在拖曳式编辑器里使用「收件匣测试」，浏览您的邮件在不同设备上呈现的样貌。
不同邮件服务商读取 HTML 邮件已知问题一览表
邮件客户端
|
支援 HTML
|
已知问题
|
| AOL 4.0 and 5.0 |
否
|
|
| AOL 6.0, 7.0, and 8.0 |
是
|
- 标准 HTML
- 不支援表单
- 拒收链接到外部样式表的邮件
|
| AOL 9.0 |
部份
|
- 无法读取 HTML 图片及热链接
- 不支援表单
- 内容过长的邮件会转为压缩档
|
| AOL Webmail |
部份
|
- 不完全支援 XHTML 语法
- 不支援 <br /> 标签
- 不支援锚点标签 – 在邮件内点击锚点标签不会跳到锚点，而是弹出新的收件匣视窗
|
| Apple Mail |
是
|
- 标准 HTML
- 不允许字型标签 – 使用 <span> 标签取代
- 必须点击两次锚点链接才能正常运作
- 在 El Capitan OSX 作业系统下，锚点链接无法运作
|
| Compuserve |
否
|
|
| Comcast Smartzone |
是
|
- 标准 HTML
- 背景图片被封锁
- 不支援锚点标签 – 在邮件内点击锚点标签不会跳到设定的锚点，而是弹出新的收件匣视窗
|
| Comcast XFinity |
|
- 缩短内容过长的电子报 – 使用网页版本链接或缩短邮件内容
- 点击锚点或目录表不会跳到设定的锚点，而是弹出新的收件匣视窗。
|
| Entourage (Mac) |
是
|
|
| Entourage 2008 (Mac) |
部份
|
- 背景图片可能被封锁
- 支援表格、Flash 或其他外挂、CSS 浮动属性、CSS 位置属性以及 GIF 动画
- 项目符号由图片条列取代
|
| Earthlink |
部份
|
|
| Eudora 3.1 |
否
|
|
| Eudora 4.0, 4.2, 4.3, and 5.0 |
否
|
- 使用 Internet Explorer 时支援标准 HTML
- 使用预设 Eudora HTML 浏览邮件时，HTML 支援度不佳
|
| Gmail |
部份
|
- 不支援书签锚点
- 缩短内容过长的电子报-使用网页版本链接或缩短邮件内容
- 邮件内的电话号码转成超链接
|
| Hotmail |
部份
|
- 预设不会载入图片
- 不支援<head>、<title>、<meta> 以及 < body> 标签 – 必须使用行内样式
- 4分钟后热链接将失效并移除背景图片 – 需要开启验证
- CSS 问题
- 文字可能显示底线
- 连续使用 <p> 标签会产生空白断行的间距 – 请使用 <div> 标签，或建立新的文字，不要复制贴上原本的样式。
|
| Juno 4.0, and 5.0 |
是
|
|
| Lotus Notes 4.6 |
否
|
|
| Lotus Notes 5.0 |
是
|
|
| Novell GroupWise 5.5 |
是
|
|
| Office 365 |
部份
|
- 标准 HTML
- 预设不会载入图片
- CSS 问题
- 锚点链接以及目录表无法运作
- 图片常常以储存在图库的原始图档大小显示，造成扭曲或延展-请在图库重新调整图片尺寸，然后再插入邮件。
|
| Outlook 97 |
部份
|
|
| Outlook 98 and 2000 |
是
|
|
| Outlook 98 and 2001 (Mac) |
否
|
|
| Outlook 2003 |
部份
|
|
| Outlook 2007 and 2010 |
部份
|
- 不支援表格、Flash 或其他外挂、CSS 浮动属性、CSS 位置属性以及 GIF 动画
- 项目符号由图片条列取代
- 针对内容冗长且会断行的邮件插入分页符号
- 不支援图片边框
- 超过 1920 x 1080 像素的高解析度图片会缩小文字，但不会缩小图片
- 图片说明文字样式会被 Outlook 样式覆写
- 高度超过 1728 像素的图片会被剪裁
- 在段落间或 2 倍行高的文字会插入额外一行间距
- 图片可能因为电脑显示设定而变形、扭曲
注意：微软建立一套工具，协助您检验您的邮件在 Outlook 2007 呈现的样貌。 |
| Outlook 2007 and 2010 (Mac) |
部份
|
|
| Outlook 2013 and 2016 |
部份
|
- 针对内容冗长且会断行的邮件插入分页符号
- 如果区块最后一个文字是项目符号，邮件会多出一个空的项目符号-不要把项目符号放在区块文字的结果，或是在区块的结尾标签 </ul> 前新增 <div style=”display:none;”> < /div>
- 超过 1920 x 1080 像素的高解析度图片会缩小文字，但不会缩小图片
- 图片可能因为电脑显示设定而变形、扭曲
- 不支援 GIF 动画图档
|
| Outlook 2016 (Mac) |
部份
|
|
| Outlook 365 |
部份
|
- 链接颜色预设为蓝色，除非前面的文字设定为其他颜色-链接需要放在 <span> 以及 <td> 标签内，<div> 内的文字必须使用不同颜色
- 点击锚点或目录表不会跳到设定的锚点，而是弹出空白视窗。
- 即使邮件设定靠左对齐，文字仍然会以预设形式出现
- 图片没有间距
|
| Outlook Web Access |
部份
|
- 标准 HTML
- 预设不载入图片
- 不支援锚点链接以及目录表
- 图片常常以储存在图库的原始图档大小显示，造成扭曲或延展-请在图库重新调整图片尺寸，然后再插入邮件。
|
| Outlook Express- PC or Mac |
是
|
|
| Pegasus Mail 3.1- Windows |
是
|
|
| Smartphones Android, iPhone, etc. |
是
|
- 电话号码可能会以链接方式呈现（可点击的按钮）
- 附加在邮件页尾实体地址旁的电话号码可能会被手机认定为日期格式
|
| Verizon |
是
|
|
| Yahoo! |
是
|
- 标准 HTML
- 所有浏览器都不支援锚点或目录表-点击后，邮件会关闭，回到收件匣。
- 缩短内容过长的电子报-使用网页版本链接或缩短邮件内容
|
资料来源：StudioCloud
如果您有任何关于邮件显示的问题，请随时透过电子邮件、线上客服或电话与我们的支援团队联络。
