在 outlook.com、Microsoft Exchange 和 hotmail.com 中清空 HTML 封邮件

Question

我必须设置电子邮件样式，当我完成并测试后，一切似乎都运行良好，但在 outlook.com、Microsoft Exchange 和 Hotmail 中除外。出于某种原因，无论我做什么，exchange 都会删除所有使用的代码（表格、tr 和 td 标签），是否有一些解决方法，或者只是不可能？我在我的 <style> 标签中使用了 CSS。我应该将其更改为内联样式吗？还是有其他用途。

此外，我的邮件使用了由表单给出的某些值（短代码），这在所有其他邮箱中都可以正常工作，但在 outlook 中仍然无效。如果我不能使用代码，是否也有一些解决方法？

长话短说，如果 Microsoft exchange 破坏所有代码并给出空白邮件，我如何在我的 html 电子邮件中使用代码。您可以在我的 test site

上看到全部邮件

这是我的邮件代码：

<style> 
td {
    text-decoration: none;
    color: #78797a;
    width: 420px;
    line-height: 22px;
    border: 1px solid black;
    }
    
img {
     display:block;
    }
    
h3  {
        text-decoration: none;
        color: #434343;
    }
h4  {
        text-decoration: none;
        color: #434343;
    }
-webkit-text-size-adjust: none;
</style>

<table style="font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 200;">
<img src="http://www.belife.nl/wp-content/uploads/2015/06/belife-RGB.jpg" align="top"><br>

<h4>Verwijzend arts</h4>
<tr style="padding: 10px">
  <td> Naam</td><td> [naam_vw]</td>
</tr>

<tr style="padding: 10px">
  <td> Voorletters</td> <td>[voorletters_vw]</td>
</tr>

<tr style="padding: 10px">
    <td> Geslacht</td> <td>[geslacht_vw]</td>
</tr>

<tr style="padding: 10px">
    <td> Functie verwijzer:</td> <td>[verwijzer_vw]</td>
</tr>

 <tr style="padding: 10px">
    <td> Naam instantie:</td> <td>[instantie_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>Adres:</td> <td>[adres_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>Postcode:</td> <td>[postcode_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>AGB code verwijzer:</td> <td>[agb_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>Mobiel verwijzer:</td> <td>[mobiel_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>E-mail:</td> <td>[email_vw]</td>
</tr>
</table>

诸如 [email_vw] 之类的简码是通过表单提供的简码，需要包含在其中。

任何提示和答案都非常感谢提前致谢！

编辑 * 我能够自己修复 outlook 但现在 Hotmail 出于某种原因是空的并且只显示纯代码，这是否是由于代码内联引起的？ *

Answer 1

经过一些搜索和阅读@tvgemert 的文章link，我能够修复 outlook。

<!DOCTYPE html>
<html>
<head></head>
<body>
    <table style="font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 200;">
<img src="http://www.belife.nl/wp-content/uploads/2015/06/belife-RGB.jpg" align="top" style="display: block;"><br><h3 style="text-decoration: none; color: #434343;">Met deze brief verwijs ik onderstaande client naar u voor een programma medische specialistische revalidatiezorg (MSR) bij BeLife.</h3>

    <h4 style="text-decoration: none; color: #434343;">Verwijzend arts</h4>
    <tr style="padding: 10px;">
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> Naam</td>
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> [naam_vw]</td>
    </tr>
<tr style="padding: 10px;">
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> Voorletters</td> <td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;">[voorletters_vw]</td>
    </tr>
<tr style="padding: 10px;">
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> Geslacht</td> <td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;">[geslacht_vw]</td>
    </tr>
</table>

这至少通过添加内联代码修复了 outlook，电子邮件现在不再为空。

在 outlook.com、Microsoft Exchange 和 hotmail.com 中清空 HTML 封邮件

Empty HTML mails in outlook.com, microsoft exchange & hotmail.com

html

css

wordpress

outlook

html-email