訂閱過新聞的小夥伴們是否有想過自己來編寫簡單的郵件模闆呢?簡單的郵件模闆其實就是一個網頁,它是否可以正常顯示取決于郵件用戶端,那麼你知道如何編寫簡單的郵件模版嗎?
今天,我想寫一個"低技術"問題。
話說我訂閱了不少了新聞郵件(Newsletter),比如JavaScript Weekly。每周收到一封郵件,了解本周的大事。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5iM3QmMyUjNlZWYzUmYkJDNjdzN0AjZ4ADNmlTO5UWNl9CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
有一天,我就在想,是不是我也能做一個這樣的郵件?
然後,就發現這事不那麼容易。抛開背景和編輯工作,單單是設計一個Email樣闆,就需要不少心思。
因為這種帶格式的郵件是一張網頁,正式名稱叫做HTML Email。它能否正常顯示完全取決于郵件用戶端。大多數的郵件用戶端(比如Outlook和Gmail),會過濾HTML設定,讓郵件面目全非。
我發現,編寫HTML Email的竅門,就是使用15年前的網頁制作方法。下面就是我整理的編寫指南。
1. Doctype
目前,相容性最好的Doctype是XHTML 1.0 Strict,事實上Gmail和Hotmail會删掉你的Doctype,換上這個Doctype。
XML/HTML Code複制内容到剪貼闆
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML Email編寫指南