2023-12-05 分類: 網(wǎng)站建設(shè)
一直以來email在網(wǎng)頁上的實際顯示效果都不是令人感到十分理想,特別是牽扯到圖片相關(guān)的布局方面,這里企業(yè)網(wǎng)站建設(shè)專家創(chuàng)新互聯(lián)根據(jù)一些約定俗成的經(jīng)驗,來整理一下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)容(如需要動畫全用gif)
5)頁面所有圖片必須為絕對地址
6)頁面的內(nèi)容最好以文字的形式來呈現(xiàn)。
二、代碼要求
1)使用table而已來制作頁面,且必須設(shè)置寬度,而div格式由于有些屬性不被郵件客戶端完全支持,所以建議避免作用。
2)DTD聲明中<html xmlns=http://www.w3.org/1999/xhtml>請改為<html>
3)CSS禁止使用外調(diào)或?qū)懙?lt;head>部分,所有樣式寫到標(biāo)簽上。
4)禁止使用背景圖片。
5)有不影響圖片顯示效果的狀態(tài)下,要盡量優(yōu)化,保證客戶打開郵件時,在最短的時間內(nèi)看到,提高郵件的閱讀率。
6)所有圖片必須存在寬高和alt標(biāo)簽,且alt內(nèi)容不宜過多不能出現(xiàn)特殊字符。
7)圖片鏈接禁止使用熱區(qū),因為map標(biāo)記在outlook中無法進行正常的點擊,不能打開該鏈接指向的網(wǎng)址。
8)鏈接的打開方式統(tǒng)一為:_blank
9) mailto的正確寫法:例:<mailto:xxx@163.com> xxx@163.com</a>
10)禁止使用浮動層
11) 代碼干凈嚴禁,刪除不必要的空格及回車,總代碼量<50K
三、郵件測試
1)上傳服務(wù)器,打開網(wǎng)頁,直接ctrl+a,復(fù)制,粘貼到郵件中
2)本地打開網(wǎng)頁,直接復(fù)制,然后在郵箱附件中上傳郵件中的圖片。
本文標(biāo)題:Web端的郵件內(nèi)容HTML格式規(guī)范總結(jié)
URL地址:http://www.rwnh.cn/news16/299116.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、軟件開發(fā)、定制網(wǎng)站、網(wǎng)站策劃、Google、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容