1. 首頁
  2. 問答
  3. 編寫HTML電子郵件的最佳實踐和注意事項

編寫HTML電子郵件的最佳實踐和注意事項

2010-02-09 99 views
68

我已經開發了十多年的網站，但很快發現我在開發Web時的許多習慣在開發電子郵件客戶端時都沒有用。這給我帶來了巨大的挫折感，所以我想我會問一個問題，希望能爲像我這樣可能會不時爲gmail，outlook等設計的其他人提供最佳實踐和必要考慮。編寫HTML電子郵件的最佳實踐和注意事項

示例：<style>...</style> vs inline CSS。

簡而言之：什麼從網絡世界轉移到電子郵件世界，哪些不是。

來源

2010-02-09 Sampson

回答

5

內聯css和表 - 認爲web開發大約2000年，你會沒事的。 Campaign Monitor對於電子郵件客戶端可以處理的內容有很好的資源。還可以使用http://www.emailonacid.com/進行測試 - 節省必須發送大量測試。

來源

2010-02-09 14:44:02 matpol

+0

也有一些指導方針mailchimp這裏提供 – 2010-02-09 14:45:57

27

我一直在做這些（在相當長的時間）爲我的工作一段時間了。 HTML電子郵件存在許多缺陷。不同的電子郵件客戶端以不同的方式呈現HTML，並使IE6看起來更高級。

這是我迄今爲止所瞭解到的一個總結。

  • 使用內聯CSS：不總是支持樣式。
  • 使用表格佈局：我知道，但div佈局是CSS依賴和許多電子郵件客戶端無法應付。
  • 不要使用rowspan：這會導致奇怪的間距問題。
  • 請勿使用背景圖片：支持這些是有限的。
  • 帶有「display：block」的風格圖像標籤：這修復了hotmail的奇怪間距問題。
  • 如果使用多個表將它們嵌套在一個父表中：這會阻止更奇怪的間距問題。
  • 不使用Javascript：再次不支持很好。
  • 確保您的電子郵件清晰無圖：用戶可能無法加載它們。
  • 提供在線版本及其鏈接：即使電子郵件客戶端很糟糕，也可以讓用戶看到預期的內容。
  • 測試，測試，測試：僅僅因爲它在一個電子郵件客戶端中工作並不意味着它在其他工作。一個大的是Outlook 2007。它使用word來呈現HTML（嘆氣）。

這遠不是一個全面的列表，但應該設置大多數人在正確的軌道上。

來源

2010-02-09 14:56:02 Magpie

0

這也不錯，所以看到什麼內嵌CSS中的電子郵件瀏覽器的支持：（！google一下） http://www.campaignmonitor.com/css/

我也建議更換litmusapp。這是檢查事物的好工具。

來源

2010-05-28 09:17:08 jos

91

這似乎是一個很好的地方列出一些試圖學習HTML電子郵件的人的資源。這可能是您可以在網上找到的最全面的HTML電子郵件資源列表。快樂學習。

入門指南：

CSS支持&一般指南：

你應該總是在內嵌HTML的電子郵件你的CSS。這裏是CSS Inlining Tools

響應指南清單：

模板&框架：

個

響應替代實施例：

而且上面的泰德Goas響應鏈路具有優良的流體的例子。

故障排除&一般指南：

您需要使用VML才能在Outlook中使用背景圖像（不包括in the body tag）。下面是一些VML鏈接： http://www.mailchimp.com/articles/email_marketing_guide/：

來源

2014-01-29 17:04:18 John

 相關問題

  • 暫無相關問題^_^