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

知识库首页 aero-right 传送 aero-right HTML 邮件在不同邮件客户端显示的问题

HTML 邮件在不同邮件客户端显示的问题

传送 更新日期 六月 25, 2019

AOL、Yahoo、Gmail 等 ISP 业者会影响邮件在收件匣呈现的样貌,更别说不同的浏览器也会有影响。 Benchmark 致力协助我们的客户建立精美的邮件。使用拖曳式编辑器,编辑适合各种移动设备的响应式邮件。此外,我们也提供收件匣测试功能,让您在邮件进到收件人的信箱前,提前浏览邮件呈现的样貌。

建立电子报的最佳作法

有些邮件客户端设有一些限制,任何一间 ESP 也无法避免。下列几个重点指出,不论邮件客户端或是浏览邮件的设备为何,邮件都能显示相同样貌的方法。

  • 使用拖曳式编辑器 – 所有拖曳式编辑器里的邮件模版都是响应式邮件。
  • 开启邮件的网页版本选项 – 将网页版本链接加入邮件。有些邮件客户端没有遵守网络规定,可能会让您的邮件看起来不整齐。 (在建立邮件的步骤1开启此选项)
  • 背景图片 – 当收件端无法显示图片时,邮件会显示背景图片的颜色。编辑背景颜色,选择可以突出文字的颜色,否则邮件可能会呈现空白。
  • 加入图片的替代文字 – 替代文字是用来描述电子报里面的图片。大部分收件端不会自动显示图片,所以替代文字可以提供文字说明。使用替代文字,邮件比较不容易被挡信。
  • 对齐图片 – 大部分情况下,图片尺寸可能会太大,覆盖住文字,或是画质被压缩。对齐图片并缩小尺寸来清除格式。如果您使用我们的拖曳式编辑器,这些问题都不用烦恼,因为我们已经为您处理好了。

当您完成上述设定后,您可能需要发送一封测试信给自己或是给您信任的人。试着在多个设备上开启您的测试信,浏览邮件设计的样貌。您也可以在拖曳式编辑器里使用「收件匣测试」,浏览您的邮件在不同设备上呈现的样貌。

不同邮件服务商读取 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;”>&nbsp;< /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

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

有回答到您的问题吗?
0 0

找不到您想要的答案?

提交工单

浏览工单历史记录