Benchmark Email 协助中心

知识库首页 aero-right General Questions aero-right 常见的HTML电子邮件错误语法

常见的HTML电子邮件错误语法

General Questions 更新日期 八月 6, 2018
一封html email的电子邮件在您的计算机上或许看来完美,但却在收件人的计算机上却不是这么一回事,因为它需要使用到您系统上的图表、字型和CSS档案。当您在HTML编辑器以外的地方(例如:Microsoft Publisher、Dreamweaver或FrontPage)建立您的电子邮件时,请记住:您是在设计一封电子邮件,而不是设计网站,如果您把它当成一个网页来撰写时,有些内容可能会无法正常显示在不同的联络人邮件服务器以及网页电子信箱服务器上。

不要引用外部的CSS档案。大多数的电子邮件客户端(Gmail、Yahoo、Mac、AOL Web等等)不会引用这些外部档案,因为这会干扰它们的CSS编码。如果您要使用CSS,就要用In-line CSS(标记加注式),并且利用市占率最高的电子邮件客户端来测试您的邮件,如此您就可以检查其错误或不一致的地方。

i) 引用外部的CSS档案会导致无效

  1. <link href="css1.css" rel="stylesheet" type="text/css">

    ii) 将电子邮件的首页或正文中放入CSS编码,也会无效

    <style> .main{font-size:16px;} .subhead{font-size:14px; font-weight:bold; color:#cc0000;} </style> <span class="subhead">Newsletter Article</span>

    <strong> Use Inline Stylesheet:</strong> <span style="font-size:14px; font-weight:bold; color:#cc0000;">Newsletter Article</span>

  2. 不要使用一张大图文件占满您电子邮件的页面和空间。
    大多数的电子邮件程序,会依照系统设定值来拦截档案过大的图片,所以您的收件人只会看到一封没有图片的空白邮件。
  3. 切勿将邮件的页面设计的太宽。
    这主要是协助您设计出符合读者阅读视角的电子邮件版面,大约650图素宽的电子邮件是最适合显示在收件人计算机屏幕上的。如果您对这部分还是有疑虑,可以自行先设定几个Yahoo!、Gmail等信箱来测试看看。
  4. 移除您HTML上不必要的编码。如果您曾经使用Microsoft Front Page、Microsoft Word或Microsoft Publisher来设计电子邮件,请注意:您的模板中将包含所有种类的junk code,那些程序代码会破坏您设计好的电子邮件版面,造成一些问题,更糟糕的是,花指令(sloppy code)会让您的电子邮件归到垃圾邮件匣中。请确认在您上传电子邮件之前,已经清除了不必要的卷标、属性、意见和其他junk code。以下是一些相关范例:
    <span class="fs12"><v:shape> <o:column> <b:Xl> ![endif]></span>
  5. Flash、JavaScript、ActiveX以及内嵌的影像和声音文件皆无法在HTML电子邮件中正常运作。虽然这些附件会让您的邮件更炫目,但防病毒软件却会将它们阻挡下来,更不用说从您电子邮件中链接影像和声音文件。
  6. 确认所有的图片链接都是完整的,包含Web-based的URLs。我们发现客户经常使用链接硬盘上的图文件,而非网页上的。

    相对地址(无法正常开启的URL)

    <a href="lastpage.htm"> </a>

    This text is a link to a local page, either on your computer or within the same website.

    完整地址(可以正常开启的URL)

    <a href="http://www.microsoft.com/"> </a>
    这些文字是可以连至全球信息网(World Wide Web)的连结上。

  7. 至少运用三种电子邮件客户端(如Yahoo!、Gmail、AOL以及Hotmail)来测试电子报。
    如此便可检查电子邮件的版面,检查错误。您应该多利用这些邮件账号,来测试设计好的电子邮件,检查版面、图片、链接、颜色…等元素是否能正常显示出来。
  8. 避免使用程序代码,否则可能会被email客户退件. 也要避免使用iFrame 因为通常email服务器不支持iFrame