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

2023-12-05 分類：網(wǎng)站建設(shè)

一直以來(lái)email在網(wǎng)頁(yè)上的實(shí)際顯示效果都不是令人感到十分理想,特別是牽扯到圖片相關(guān)的布局方面,這里企業(yè)網(wǎng)站建設(shè)專家創(chuàng)新互聯(lián)根據(jù)一些約定俗成的經(jīng)驗(yàn),來(lái)整理一下Web端的郵件內(nèi)容HTML格式規(guī)范總結(jié)

一、頁(yè)面要求

1）統(tǒng)一使用標(biāo)準(zhǔn)的頁(yè)頭和頁(yè)尾

<!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)頁(yè)格式的郵件</title>
</head>
<body style=”margin:0;padding:0″>
</body>
</html>

2）統(tǒng)一使用gb2312編碼格式
3）頁(yè)面顯示寬度400px-800px，高度一般控制在一屏以內(nèi)。
4）頁(yè)面不向出現(xiàn)js代碼及flash內(nèi)容（如需要?jiǎng)赢嬋胓if）
5）頁(yè)面所有圖片必須為絕對(duì)地址
6）頁(yè)面的內(nèi)容最好以文字的形式來(lái)呈現(xiàn)。

二、代碼要求

1）使用table而已來(lái)制作頁(yè)面，且必須設(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)化，保證客戶打開(kāi)郵件時(shí)，在最短的時(shí)間內(nèi)看到，提高郵件的閱讀率。
6）所有圖片必須存在寬高和alt標(biāo)簽，且alt內(nèi)容不宜過(guò)多不能出現(xiàn)特殊字符。
7）圖片鏈接禁止使用熱區(qū)，因?yàn)閙ap標(biāo)記在outlook中無(wú)法進(jìn)行正常的點(diǎn)擊，不能打開(kāi)該鏈接指向的網(wǎng)址。
8）鏈接的打開(kāi)方式統(tǒng)一為：_blank
9） mailto的正確寫法：例：<mailto:xxx@163.com> xxx@163.com</a>
10）禁止使用浮動(dòng)層
11）代碼干凈嚴(yán)禁，刪除不必要的空格及回車，總代碼量<50K

三、郵件測(cè)試

1）上傳服務(wù)器，打開(kāi)網(wǎng)頁(yè)，直接ctrl+a，復(fù)制，粘貼到郵件中
2）本地打開(kāi)網(wǎng)頁(yè)，直接復(fù)制，然后在郵箱附件中上傳郵件中的圖片。

本文標(biāo)題：Web端的郵件內(nèi)容HTML格式規(guī)范總結(jié)
URL地址：http://muchs.cn/news16/299116.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、軟件開(kāi)發(fā)、定制網(wǎng)站、網(wǎng)站策劃、Google、商城網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容