html - outlook.com、microsoft exchange 和 hotmail.com 中的空 HTML 邮件

标签 html css wordpress outlook html-email

我必须设置电子邮件样式,当我完成并测试时,一切似乎都运行良好,除了 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 出于某种原因是空的,只显示纯代码,这是否是由内联代码引起的? *

最佳答案

在搜索和阅读@tvgemert 的文章链接后,我能够修复 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,电子邮件现在不再为空。

关于html - outlook.com、microsoft exchange 和 hotmail.com 中的空 HTML 邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30774896/

相关文章:

wordpress - 启用 SSL 证书后,woocommerce 结帐仍然存在 SSL 连接错误

html - Chrome 检查工具不反射(reflect)浏览器窗口,对齐 Div

python - 从 css 选择器中排除 div

jquery - 如何使用Tab键进入下一个标签

php - 上传 Yii 应用到服务器

php - 如何在 WordPress 中添加 SSL 和 HTTPS

jquery - WordPress 单页样式菜单滚动

javascript - 如何在 DIV 标签中设置目标 ="_blank"?

javascript - 从 markdown 到 html 时包含一个带有 pandoc 的 javascript 文件

javascript - Croppie 有时会得到 No 'Acces-Control-Allow-Origin',有时不会