如何在Web電子郵件客戶端中顯示HTML電子郵件？

Question

嗨我正在建立一個小型的基於Web的電子郵件客戶端。我在顯示HTML郵件時遇到問題。顯示HTML郵件的最佳做法是什麼？有些事情，我發現

1. 的CSS重置
2. 條帶體標記的郵件

Answer 1

首先，它不允許所有的CSS和HTML標籤是非常重要的。我會查找該文件並允許定義一組HTML標記和CSS屬性。

例如，如果您重置CSS，你仍然可以送的東西一樣，<form>和所有其他可能惡意代碼。

因此，我會開始思考你想支持哪種HTML標籤，並將其他所有標籤剝離掉。然後CSS也是一樣。

這絕非易事。我的意思是，你也必須考慮到人們試圖破壞你的翻譯...

你可以看看這個Sitepoint Blogpost，它描述了人們應該如何編碼HTML電子郵件。因此，從那裏開始並查看通常支持的內容可能是一個好主意。

Answer 2

的一句話回答可以是「1，使用基於表格的佈局，僅2內聯CSS和3 在每一個電子郵件客戶端可能的測試。」

客戶端測試可能是最重要的，因爲每一個電子郵件客戶端（客戶端和瀏覽器+組合）都可能有自己的怪癖，很多都只是沿途的教訓;如使用HTML屬性寬度01​​高度，因爲Outlook將不會總是遵循寬度&高度內聯樣式，或Gmail中往往添加圖像周圍的利潤，除非你明確地設置保證金：0的HTML元素，等等，等等

當固定的HTML電子郵件的一個客戶端的外觀最終打破它在另一個客戶端，不繼續增加更多造型：儘量簡化的 HTML/CSS，即使這意味着寫更多的標記。例如，如果填充和邊距看起來不正確，則可以通過向表中添加更多行或列並固定其高度/寬度來實現相同的外觀。更多標籤比擔心所有電子郵件客戶端如何呈現CSS盒模型更簡單。

HTML-for-email上有很多文章和博客文章，如http://articles.sitepoint.com/article/code-html-email-newsletters，這些文章和博客文章很有幫助 - 儘管很多文章和新版本的客戶端都過時了。