html 格式的email 編輯

時間 2019-11-12

標籤 html 格式 email 編輯欄目 HTML 简体版

原文原文鏈接

本篇文章只講如何編輯html格式的email 模板，並不講述如何用程序發送email。css

1.作email的重要思想：「復古」html

拋棄現代化的div+css技術，回到html4.0+table的時代。少用css，多用標籤自己的屬性。web

（1）無論是總體仍是局部佈局，都嚴格使用table。ide

（2） css佈局

儘可能用標籤自己的效果達到設計效果，如：<img width="100" height="100"/>
元素背景：background-color全都有效，background-image，position，repeat，對outlook2007/10，live，gmail無效。因此非純修使用的圖片不該該用css背景的方式。
不要重複定義一樣做用的標籤屬性和css屬性，例如：<td>的padding 屬性（css）和csllpadding屬性。
不要用簡寫形式來定義屬性的值。如：background: url() repeat #333;
不要用簡寫的16進制來定義color，如不要這麼些color：#333；要寫成：color:#333333;
css寫在每一個標籤的style裏，不能全局定義。

（3）圖片測試

圖片格式：<img height="100" width="100" src="http://www.baidu.com/123.jpg" alt="測試圖" align="left" style="display:block;"/>
style="display:block;" 解決hotmail的填充。
有些不支持 8位或24位 png，儘可能用gif和jpg。

（4）郵件寬度及居中ui

寬度<=600.給全部的單元格都定義好寬度屬性。url

（5）定義背景色設計

不要直接定義body。給最外層table 加背景色。htm

（6）連接

（7）模板變量

（8）其餘

製做模板時，DTD能夠儘可能選用古老的HTML4.01 來限制加入現代化元素。

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML4.01 EN//" "http://www.w3.org/TR/html4/strict.dtd">

2.儘可能保持簡潔的設計風格（佈局，樣式）：少用圖片。

3. 資源連接：

郵件模板製做導航：http://www.campaignmonitor.com/design-guidelines
個郵件客戶端可用css屬性大全： http://www.campaignmonitor.com/css

能夠下載模板的地址： http://www.webmax.com.cn/articles/articles_0120_3.html

相關文章

相關標籤/搜索

「XX前」的格式

Hibernate教程

代碼格式化

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<