如何验证 html 电子邮件模板?

R K*_*rma 5 html css html-email go-html-template

我正在使用 Telerik 报告工具生成不同格式的报告,.pdf、.html、.doc、.txt 等。我们客户的一些电子邮件服务器不支持电子邮件中的附件,所以我想将 .html 报告嵌入到我的电子邮件正文而不是将其附加为附件,以便用户可以直接查看报告内容并复制报告内容。但是当我将 .html 报告附加到电子邮件正文时,它不会以正确的格式呈现。是否有任何在线工具或插件可以将普通的 html 转换为电子邮件模板友好的 html?或者我如何验证此页面是否可以作为电子邮件正文正常呈现,否则为什么不呢?我应该删除或替换哪个标签等。

我已经尝试过这个在线工具, 但它不起作用,电子邮件中的 html 仍然很脏。

Ted*_*oas 4

这里有几个问题,作为一个擅长编写电子邮件的人,我将尽力回答这些问题。

\n\n

关于 HTML 电子邮件验证,确实没有好的选择。

\n\n
\n

由于大多数电子邮件客户端\xe2\x80\x99 不遵循 Web 标准,并且没有\n 特定于电子邮件的标准,因此正确编码的 HTML 电子邮件将不会\n 通过 HTML 验证,因为如果编码正确,几乎所有\n HTML 电子邮件中的代码可能包含已弃用的\n 元素。\n

\n
\n\n

您可以使用W3C 验证器来捕获未封闭的标签和拼写错误,但仅此而已。

\n\n

但听起来您正在寻找一种将网页友好的 html转换为电子邮件友好的 html 的工具。尽管都使用 HTML 和 CSS,但电子邮件编码与 Web 编码有很大不同。除非网页友好的 HTML 设计非常基本(例如,一系列段落和图像),否则网页友好的 html 在电子邮件客户端中可能不是好兆头。(听起来你已经发现了这一点。)

\n\n

由于不知道这些报告是什么样子以及它们在电子邮件客户端中应如何显示,我不太愿意为您提供具体建议。我不知道有什么工具可以自动创建“安全”电子邮件标记。如果您愿意稍微调整电子邮件标记,这里有一些指导原则:

\n\n
    \n
  1. 保持设计简单。
  2. \n
  3. 使用<table>s 而不是<div>布局等语义元素。
  4. \n
  5. 熟悉什么是 CSS,什么是在电子邮件中使用不安全的 CSS
  6. \n
\n