如果您想使用自己编辑好的邮件样式代码,可以添加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) | 是 |  | 
| 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 and Mac) | 是 |  | 
| Pegasus Mail 3.1 (Windows) | 是 |  | 
| Smartphones (Android, iPhone, etc...) | 是 | 
电话号码可能会以链接方式呈现(可点击的按钮)附加在邮件页尾实体地址旁的电话号码,可能会被手机认定为日期格式 | 
| Verizon | 是 |  | 
| Yahoo! | 是 | 
标准 HTML所有浏览器都不支持锚点或目录表 - 点击后,邮件会关闭,回到收件箱。缩短内容过长的电子报 - 使用网页版本链接或缩短邮件内容 | 
 
参考:StudioCloud
   
  
评论