Web端的郵件內(nèi)容HTML格式規(guī)范總結(jié)

一、頁面要求
1) 統(tǒng)一使用標(biāo)準(zhǔn)的頁頭和頁尾
- <!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>如何制作網(wǎng)頁格式的郵件</title>
- </head>
- <body style=”margin:0;padding:0″>
- </body>
- </html>
2)統(tǒng)一使用gb2312編碼格式
3)頁面顯示寬度400px-800px,高度一般控制在一屏以內(nèi)。
4)頁面不向出現(xiàn)js代碼及flash內(nèi)容(如需要?jiǎng)赢嬋胓if)
5)頁面所有圖片必須為絕對(duì)地址
6)頁面的內(nèi)容最好以文字的形式來呈現(xiàn)。
二、代碼要求
1)使用table而已來制作頁面,且必須設(shè)置寬度,而div格式由于有些屬性不被郵件客戶端完全支持,所以建議避免作用。
2)DTD聲明中<html xmlns=http://www.w3.org/1999/xhtml>請(qǐng)改為<html>
3)CSS禁止使用外調(diào)或?qū)懙?lt;head>部分,所有樣式寫到標(biāo)簽上。
4)禁止使用背景圖片。
5)有不影響圖片顯示效果的狀態(tài)下,要盡量?jī)?yōu)化,保證客戶打開郵件時(shí),在最短的時(shí)間內(nèi)看到,提高郵件的閱讀率。
6)所有圖片必須存在寬高和alt標(biāo)簽,且alt內(nèi)容不宜過多不能出現(xiàn)特殊字符。
7)圖片鏈接禁止使用熱區(qū),因?yàn)閙ap標(biāo)記在outlook中無法進(jìn)行正常的點(diǎn)擊,不能打開該鏈接指向的網(wǎng)址。
8)鏈接的打開方式統(tǒng)一為:_blank
9) mailto的正確寫法:例:<mailto:xxx@163.com> xxx@163.com</a>
10)禁止使用浮動(dòng)層
11) 代碼干凈嚴(yán)禁,刪除不必要的空格及回車,總代碼量<50K
三、郵件測(cè)試
1) 上傳服務(wù)器,打開網(wǎng)頁,直接ctrl+a,復(fù)制,粘貼到郵件中
2) 本地打開網(wǎng)頁,直接復(fù)制,然后在郵箱附件中上傳郵件中的圖片。
相關(guān)文章
- 這篇文章主要介紹了使用HTML編寫簡(jiǎn)單的郵件模版,作者主張極簡(jiǎn)至上主義...可以先看文章結(jié)尾處鏈接中介紹的模版成品,需要的朋友可以參考下2015-07-12
html發(fā)送郵件通過Mailto簡(jiǎn)單實(shí)現(xiàn)
給客戶的頁腳的郵箱加上點(diǎn)擊發(fā)送郵件功能,有簡(jiǎn)單的鏈接和復(fù)雜的鏈接,對(duì)于復(fù)雜鏈接有詳細(xì)的參數(shù)說明,感興趣的朋友可以參考下2013-09-09談html mailto(電子郵件)實(shí)際應(yīng)用
大家知道,mailto是網(wǎng)頁設(shè)計(jì)制作中的一個(gè)非常實(shí)用的html標(biāo)簽,許多擁有個(gè)人網(wǎng)頁的朋友都喜歡在網(wǎng)站的醒目位置處寫上自己的電子郵件地址,當(dāng)點(diǎn)擊時(shí)就能自動(dòng)打開當(dāng)前計(jì)算機(jī)系2012-12-24- WordPress發(fā)送郵件的函數(shù)是wp_mail(),默認(rèn)以純文本(text/plain)格式發(fā)送,通過wp_mail()提供的filter函數(shù)可以更改為以HTML格式發(fā)送,也可以通過制定wp_mail()的第四個(gè)參2012-07-26
用HTML+CSS制作郵件網(wǎng)頁的技巧總結(jié)
郵箱對(duì)HTML頁面的渲染與在瀏覽器中的渲染不同,渲染能力小了很多,在瀏覽器中正常顯示的效果,在郵件中卻會(huì)出錯(cuò),或者無法渲染2012-07-05- 幾乎每個(gè)會(huì)員制網(wǎng)站都需要通過后臺(tái)發(fā)送郵件來與會(huì)員進(jìn)行溝通,如注冊(cè)確認(rèn)、營(yíng)銷推廣。這些 由站方發(fā)給會(huì)員的信件,往往純文本格式已不能滿足界面和交互的要求,這時(shí)候我們2010-01-13
- 今天我研究的問題是,如何從技術(shù)方面入手,制作一個(gè)優(yōu)秀,且同時(shí)兼容用戶視覺和郵件客戶端的電子郵件。2009-08-29
PHP實(shí)現(xiàn)簡(jiǎn)單的發(fā)送HTML郵件
寫了一個(gè)簡(jiǎn)單的發(fā)送HTML郵件的PHP函數(shù)。2009-08-01- 發(fā)送html郵件的建議:用style寫內(nèi)聯(lián)的CSS;少用圖片;用table實(shí)現(xiàn)左右布局或者更復(fù)雜的布局;用background元素設(shè)置背景圖片等。 幾乎每個(gè)會(huì)員制網(wǎng)站都需要2009-04-02