天天看點

html制作一個簡單的郵件,HTML如何編寫簡單的郵件模版

訂閱過新聞的小夥伴們是否有想過自己來編寫簡單的郵件模闆呢?簡單的郵件模闆其實就是一個網頁,它是否可以正常顯示取決于郵件用戶端,那麼你知道如何編寫簡單的郵件模版嗎?

今天,我想寫一個"低技術"問題。

話說我訂閱了不少了新聞郵件(Newsletter),比如JavaScript Weekly。每周收到一封郵件,了解本周的大事。

html制作一個簡單的郵件,HTML如何編寫簡單的郵件模版

有一天,我就在想,是不是我也能做一個這樣的郵件?

然後,就發現這事不那麼容易。抛開背景和編輯工作,單單是設計一個Email樣闆,就需要不少心思。

html制作一個簡單的郵件,HTML如何編寫簡單的郵件模版

因為這種帶格式的郵件是一張網頁,正式名稱叫做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編寫指南