一直以來email在網頁上的實際顯示效果都不是令人感到十分理想,特別是牽扯到圖片相關的布局方面,這里我們根據一些約定俗成的經驗,來整理一下Web端的郵件內容HTML格式規范總結
一、頁面要求
1） 統一使用標準的頁頭和頁尾
XML/HTML Code
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>如何制作網頁格式的郵件</title>
</head>
<body style=”margin:0;padding:0″>
</body>
</html>
2）統一使用gb2312編碼格式
3）頁面顯示寬度400px-800px，高度一般控制在一屏以內。
4）頁面不向出現js代碼及flash內容（如需要動畫全用gif）
5）頁面所有圖片必須為絕對地址
6）頁面的內容最好以文字的形式來呈現。
二、代碼要求
1）使用table而已來制作頁面，且必須設置寬度，而div格式由于有些屬性不被郵件客戶端完全支持，所以建議避免作用。
2）DTD聲明中<html xmlns=http://www.w3.org/1999/xhtml>請改為<html>
3）CSS禁止使用外調或寫到<head>部分，所有樣式寫到標簽上。
4）禁止使用背景圖片。
5）有不影響圖片顯示效果的狀態下，要盡量優化，保證客戶打開郵件時，在最短的時間內看到，提高郵件的閱讀率。
6）所有圖片必須存在寬高和alt標簽，且alt內容不宜過多不能出現特殊字符。
7）圖片鏈接禁止使用熱區，因為map標記在outlook中無法進行正常的點擊，不能打開該鏈接指向的網址。
8）鏈接的打開方式統一為：_blank
9） mailto的正確寫法：例：<mailto:xxx@163.com> xxx@163.com</a>
10）禁止使用浮動層
11） 代碼干凈嚴禁，刪除不必要的空格及回車，總代碼量<50K
三、郵件測試
1） 上傳服務器，打開網頁，直接ctrl+a，復制，粘貼到郵件中
2） 本地打開網頁，直接復制，然后在郵箱附件中上傳郵件中的圖片。
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
