我應該將HTML 4.0標記用於我的電子郵件模板嗎？

Question

設計人員使用CSS最佳實踐對html模板進行編碼。我想使用這個模板作爲電子郵件新聞模板，但我聽說有人說hotmail，yahoo和gmail提供有限的CSS支持。

我是否應該使用表格佈局和字體標籤重新編碼這些模板？

Answer 1

簡短的回答是是的。

您將通過使用最基本和最簡單的HTML可能性，跨電子郵件客戶端獲得最佳的兼容性。

• 請勿使用任何CSS文件或<樣式>標籤。做一切內聯。
• 把手定位與有明確的寬度
  • 我大量使用在這些情況下，HTML註釋，以確保我不會弄不清楚我在佈局，其中嵌套表。
• 所有文字都應該用<字體包圍>帶有字體樣式信息的標籤。
• 圖像應該有明確的寬度&高度。
  • 這有助於電子郵件在圖像被阻止時保留其正確的佈局。

---

我通常在最低限度以下的測試：

• 展望2003
• Outlook 2007中
  • 你大部分的頭痛會從這裏開始。
• 雷鳥
• 的Entourage（OSX版本的Outlook）
• 的Gmail
• 的Hotmail
• 雅虎郵件

你通常都是在非常良好的狀態，如果你得到的東西，表演適當地對所有這些。

我們使用精確目標，他們有一個HTML預覽功能，但它並不完美。我碰到，其中電子郵件看着預覽不錯，但仍然情況很多來通過在Outlook 2007中打破

Answer 2

要建立在什麼馬克說：

如果可能的話，儘量避免使用所有的CSS（雖然通常可以像文本一樣）。使用表格進行所有定位，填充空白<td>元素/更小的定位位。

即使有了這一切，它只會在幾個電子郵件程序/網站中看起來很完美。 HTML電子郵件是，我相當有信心說，完全不可能在所有郵件客戶端/應用程序中完美展現。上述

Answer 3

馬克說，你需要做的開發電子郵件模板一切（這是90年代一遍），但我想添加最後一兩件事：

http://www.email-standards.org/是一個很好的資源，看看不同的電子郵件客戶端解釋HTML和CSS。

Answer 4

你必須回到石器時代的HTML來獲得HTML電子郵件來解決Mark的建議。所有樣式內嵌在html中。沒有STYLE標籤或外部樣式表。

MailChimp和CampaignMonitor都提供優秀的免費HTML電子郵件模板。他們還提供電子郵件測試服務，將您的html電子郵件發送給幾個不同的電子郵件客戶端，然後向您發送結果截圖。

Answer 5

使用固定高度/重量的div標籤，並把所有的HTML放在那裏。它在大多數客戶中看起來是一樣的。 Iv'e之前嘗試過，它工作正常。