Web端的郵件內容HTML格式規范總結

2022-09-19 分類：網站建設

一直以來email在網頁上的實際顯示效果都不是令人感到十分理想,特別是牽扯到圖片相關的布局方面,這里企業網站建設專家創新互聯根據一些約定俗成的經驗,來整理一下Web端的郵件內容HTML格式規范總結

一、頁面要求

1）統一使用標準的頁頭和頁尾

<!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）本地打開網頁，直接復制，然后在郵箱附件中上傳郵件中的圖片。

網頁標題：Web端的郵件內容HTML格式規范總結
標題網址：http://m.kartarina.com/news48/196298.html

成都網站建設公司_創新互聯，為您提供關鍵詞優化、自適應網站、外貿網站建設、微信小程序、網頁設計公司、搜索引擎優化

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容