Question

每个人，希望您能解决我遇到的问题……我看到了一些示例，并对其进行了编辑，以便能够制作电子邮件的正文，并能够通过gmail和其他电子邮件提供商进行发送...我已经在Tryit Editor中进行了尝试，并且效果很好：

https://www.w3schools.com/code/tryit.asp?filename=FSKBT3UW23J3

但最终是什么：

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Social Media

Legal
Terms & Privacy

Contact Information
Tell: 506 8888-8888
Email: support@youcompany.com Web: www.dominio.com

我不抓紧时间，因为正如我在框中输入的那样，因为只有没有样式的文本才会出现，希望您能说明我做错了，对此我将非常感谢。

Answer 1

大多数电子邮件客户端会从电子邮件中剥离head标签，因此bootstrap和fontawesome链接标签以及您头部中的style标签可能都已被剥离，而电子邮件中的html中仅包含html的裸内容。此外，大多数电子邮件客户端都会阻止javascript，因此位于html正文底部的脚本标签也可能没有任何作用。编码html电子邮件以在各种电子邮件客户端中保持一致显示是棘手的-请查看Common HTML Mistakes - Mailchimp以获得一些一般性指导。

您最好的选择是在不使用任何JavaScript的情况下编写电子邮件代码，并在html或html正文内的样式标签中内嵌样式，而无需依赖外部样式表。基本的HTML电子邮件结构示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Email Title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>

  <!-- put your email content in an html table and use inline styles -->
  <table></table>

  <!-- 
  you can also use css in a style tag inside the body
  but some clients may not handle this as well as inline styles
  -->
  <style type="text/css"></style>

</body>
</html>

HTML代码Email：它与Tryit Editor的工作方式不同

1 个答案: