HTML 郵件在不同郵件客戶端顯示的問題

知识库首页 aero-right 传送 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)	是	标准 HTML
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	是	接近标准 HTML CSS 问题
Lotus Notes 4.6	否	不支援字型或链接颜色
Lotus Notes 5.0	是	接近标准 HTML CSS 问题
Novell GroupWise 5.5	是	标准 HTML
Office 365	部份	标准 HTML 预设不会载入图片 CSS 问题锚点链接以及目录表无法运作图片常常以储存在图库的原始图档大小显示，造成扭曲或延展-请在图库重新调整图片尺寸，然后再插入邮件。
Outlook 97	部份	不支援字型或链接颜色会有对齐的问题
Outlook 98 and 2000	是	标准 HTML 不完全支援 CSS
Outlook 98 and 2001 (Mac)	否	仅支援富文字格式（或称多文字格式）
Outlook 2003	部份	预设不会载入 HTML 图片。
Outlook 2007 and 2010	部份	不支援表格、Flash 或其他外挂、CSS 浮动属性、CSS 位置属性以及 GIF 动画项目符号由图片条列取代针对内容冗长且会断行的邮件插入分页符号不支援图片边框超过 1920 x 1080 像素的高解析度图片会缩小文字，但不会缩小图片图片说明文字样式会被 Outlook 样式覆写高度超过 1728 像素的图片会被剪裁在段落间或 2 倍行高的文字会插入额外一行间距图片可能因为电脑显示设定而变形、扭曲注意：微软建立一套工具，协助您检验您的邮件在 Outlook 2007 呈现的样貌。
Outlook 2007 and 2010 (Mac)	部份	不支援锚点链接以及目录表不支援 GIF 动画
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	是	标准 HTML
Pegasus Mail 3.1- Windows	是	标准 HTML 不支援链接颜色
Smartphones Android, iPhone, etc.	是	电话号码可能会以链接方式呈现（可点击的按钮）附加在邮件页尾实体地址旁的电话号码可能会被手机认定为日期格式
Verizon	是	标准 HTML 不支援锚点链接或目录表链接
Yahoo!	是	标准 HTML 所有浏览器都不支援锚点或目录表-点击后，邮件会关闭，回到收件匣。缩短内容过长的电子报-使用网页版本链接或缩短邮件内容

资料来源：StudioCloud

如果您有任何关于邮件显示的问题，请随时透过电子邮件、线上客服或电话与我们的支援团队联络。

有回答到您的问题吗？

您已经发表过意见了！

关于我们

学习中心

用户资源

联系我们

选择语言

需要协助吗？我们时刻准备着给您提供协助。

HTML 郵件在不同郵件客戶端顯示的問題

传送更新日期六月 1, 2021

建立电子报的最佳作法

不同邮件服务商读取 HTML 邮件已知问题一览表

邮件客户端

支援 HTML

已知问题

有回答到您的问题吗？

找不到您想要的答案？

关于我们

学习中心

用户资源

联系我们

选择语言

需要协助吗？我们时刻准备着给您提供协助。

HTML 郵件在不同郵件客戶端顯示的問題

传送 更新日期 六月 1, 2021

建立电子报的最佳作法

不同邮件服务商读取 HTML 邮件已知问题一览表

邮件客户端

支援 HTML

已知问题

相关文章

有回答到您的问题吗？

相关文章

找不到您想要的答案？

传送更新日期六月 1, 2021