HTML Code区块

如果您想使用自己编辑好的邮件样式代码,可以添加HTML Code区块,将代码复制进内容中,右侧编辑器即可呈现代码的排版效果。该区块适合有一定代码基础的运营人员,您也可以在左侧面板中修改您的代码。

注意:

  • 电子邮件和网页设计中使用的 HTML 不完全相同,许多复杂的 HTML 和 CSS 样式在邮件中无法实现(例如:使用iframe标签会遭到自动过滤),因此请尽量使用简单的代码
  • 由于部分邮件服务商的安全条款限制,HTML Code无法确保在所有设备上呈现统一的效果

如果您在邮件中使用该区块,请借助测试邮件查看邮件在不同设备下的呈现效果,以防影响用户阅读体验。

您可以对照如下表格,尽可能避免在发送过程中出现问题:

 

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

邮件客户端 是否支持HTML 已知问题
AOL 4.0 and 5.0
  • 仅支持文字
  • 不支持表单
AOL 6.0, 7.0, and 8.0
  • 标准 HTML
  • 不支持表单
  • 不支持链接到外部样式表的邮件
AOL 9.0 部分支持
  • 不支持读取HTML图片和热链接
  • 不支持表单
  • 内容过长的邮件会被转为zip压缩文件
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 and Mac)
  • 标准 HTML
Pegasus Mail 3.1 (Windows)
  • 标准 HTML
  • 不支持链接颜色
Smartphones (Android, iPhone, etc...)
  • 电话号码可能会以链接方式呈现(可点击的按钮)
  • 附加在邮件页尾实体地址旁的电话号码,可能会被手机认定为日期格式
Verizon
  • 标准 HTML
  • 不支持锚点链接或目录表链接
Yahoo!
  • 标准 HTML
  • 所有浏览器都不支持锚点或目录表 - 点击后,邮件会关闭,回到收件箱。
  • 缩短内容过长的电子报 - 使用网页版本链接或缩短邮件内容

 

参考:StudioCloud

 

还有其它问题?提交请求

评论