html編寫edm時有哪些要注意的？

這篇文章主要介紹了html編寫edm時注意事項小結(一般發郵件需要注意的地方),需要的朋友可以參考下

格式編碼

1、頁面寬度請設定在600到800px以內，長度1024px以內。

2、HTML編碼請使用utf-8。

3、HTML程式碼在15KB以內。 （各個郵箱的收件標準不一樣，如果超出15KB您的郵件很有可能會進入垃圾箱）

#4、請使用table表格來佈局。同一個裡面只放一張圖片，如。所有的圖片都要定義寬高。同一段文字放在同一裡。

5、如果需要郵件居中顯示，請在table裡設定align="center"。

6、不可將word類別檔案直接轉換為HTML格式，否則會造成編碼不規範。

7、不要使用外鏈的css樣式定義文字和圖片（外鏈的css樣式在郵件裡將不能被讀取，所以發送出去的郵件因為沒有鏈接到樣式，將會使你的郵件內容樣式遺失），正確的寫法：文字。

8、不使用flash、Java、JavaScript、frames、iframe、activeX以及DHTML，如果頁面中的圖片一定要動態的，請將flash檔案轉換成gif動畫使用，但在outlook2007裡，gif將無法正常顯示，因為outlook2007限制gif動畫。

9、不要使用

以外的body、meta和html之類的標籤，部分信箱系統會把這些過濾掉。

10、背景圖片程式碼寫法如下：

，但請注意，outlook對背景圖片不識別。

11、不要出現"onmouseover"、"onmouseout"，即使在裡設定了，發送到郵箱後也將被過濾，無法顯示設定滑鼠經過所顯示的內容。

12、font-family屬性不能為空，否則會被QQ屏蔽為垃圾郵件。

13、若郵件模板內側邊或上下有空白間距，不要用 padding，必須得用標準的 td 來設定空白間距，否則會導致各個郵箱解析不同。

14、在 yahoo 信箱裡定義 line-height 的注意事項：需在區塊級元素裡定義 line-height。如果 td 裡有 p 標籤，則 line-height 也必須在 p 中定義。無論是 td 還是 p，如果有超鏈接，則都必須在 a 標籤裡定義 line-height。如果只是在 td 或 p 裡面定義 line-height 的話，那 yahoo 郵箱將無法辨識 a 裡面的行高。

15、在有背景圖的地方設定background-color以防背景圖不顯示時可以較美觀的顯示

16、少用float, margin,padding. 絕對定位不能用，清除浮動用

文字

1、郵件主體控制在18個字以內，避免使用特殊符號，容易產生亂碼。

2、郵件主題和內容都不要加入有網站地址的訊息，例如「xxx.com祝您新年好」。若顧客的品牌知名度比較高，主題可加入公司的名稱，例如：「NIKE運動時尚」。

3、文字內容，版面盡量簡潔，突顯主題，以達到更高的點擊率。

4、不使用類似如下敏感及帶促銷類的文字：免費、優惠、特惠、特價、低價、便宜、廉價、視頻、賺錢、群發、發財、致富、代開、薪水、交友、付款、商機、法寶、寶典、秘密、情報、機密、保密、絕密、神秘、秘訣等。如果一定需要，請把敏感字做成圖片。

5、如果發送超過20萬封，主題內容要更換，發送超過200萬封，要考慮重新設計。

6、文字應盡量定義字體的樣式，每個信箱的預設字體樣式不同，為了達到您想要的效果，字體樣式一定要定義完整。

圖片

1、盡量使用圖片，以避免文字在各個主流信箱中的顯示有所不同。例如QQ郵箱，如果未在程式碼中設置，郵件中的文字不能自動換行，gmail郵件內容的字體會自動放大，與原來設定的字元大小不一致。

2、整頁圖片控制在8張以內，每張圖片最大不能超過15KB。

3、圖片地址請不要寫成本地路徑，例如：，（這樣發送出去的郵件，收件人將沒辦法看到您的圖片）。

4、圖片名稱不能含有ad字符，否則圖片上傳後會顯示成「被過濾廣告」。

5、如果整個郵件範本只有一張圖，一定要裁成2-3張小圖，並且適當地保留一些文字。

6、Gmail、qq信箱的要求再改變，圖片的屬性一定要定義完整，例如 這裡的 style="vertical-align:top;" 一定要定義，否則圖片之間會有縫隙、變形等顯示異常的情況。

7、在 img 標籤裡加上 alt 屬性，這樣使用者在收到郵件的時候，即使有些郵箱將圖片隱藏掉，也可以看到 alt 裡面的內容。如：，讓客戶了解郵件內容並吸引顧客點擊顯示圖片。

連結

1、連結數量不能超過10個，如果所有圖片的連結位址一樣，請將所有的小圖合併成一張大圖。

2、連結請寫成絕對位址。 （以確保收信人在點擊連結時能夠正常瀏覽您的內容）。

3、連結位址的長度不能超過255個字符，會導致無法追蹤或連結錯誤。

4、不要使用地圖功能（map）連結圖片，此功能會使郵件被多數郵箱分割為垃圾郵件。

5、為避免用戶收到的郵件圖片無法瀏覽，請製作一份和郵件內容一樣的web頁面，然後在郵件頂部註明：“如果您無法查看郵件內容，請點擊這裡” ，連結到訪友同樣內容的web頁面。

6、文字中出現網站地址鏈接被屏蔽為垃圾郵件的風險是極高的，例如：http://xxx.com此類鏈接，建議寫成“XXX公司”文字加鏈接，或是將網址做成圖片加連結。

7、連結裡面最好不要使用特殊符號，避免信箱解析錯誤。

8、連結程式碼應盡量簡短，程式碼太長會增加模板大小，進而影響郵件發送效果。

outlook 規則

1、標籤不能被識別，如果要定義幾個 td 相同的寬度，可以把具體的寬度寫在具體的 td 裡。例如。

2、內聯元素的padding 無法被識別，例如，a 標籤裡面的內容並不會距離左邊40px。可以在 td 裡定義 padding。

3、內聯元素的vertical-align 不能被識別，例如，此圖片並不會和相同行的元素底對齊，可以寫成 即可。

4、如果 td 裡包含一個 table，那麼定義在子 table 裡的標籤的樣式只會正確顯示定義在子 table 裡的樣式，在父 table 的樣式是不能正確顯示的。注意：如果在 table 裡有 a 標籤的話，則 a 標籤中的內容的顏色樣式要定義在 a 標籤內，定義在父 td 里或所在的 table 裡都是無效的。

5、如果td 和td 之間有間隔，使用，這樣寫的話td 之間是不會有間隔的。使用也是不會有空格的。如果 td 之間有間隙，必須用 來隔開。但如果是 table，則

裡面的內容會在上下有空行。

6、p 標籤的 width 是不認識的，例如

,則 p 標籤中的內容不會在 320px 處自動換行。只有設定了寬度，內容才會在寬度限制處換行。

7、如果要使用

標籤要考慮到

標籤本身自帶的上下行之間的行高。

8、在裡面設定 margin 是無效的，不論是 margin-left、margin-right、margin-top 或 margin-boottom 都沒有效果。

9、當設定或時，圖片會脫離文檔流，在其父元素設定了margin 或padding的話，都無法使其下移，左移或右移。

10、在 outlook 中，如果嵌套的圖片太長，會導致顯示不正常，可將圖片裁切成幾張較短的小圖，再進行佈局。 

還有你就是在傳送郵件範本時，盡量在格式中 貼上 傳送 原始碼，轉寄次數過多也可能丟掉樣式喔！

以上是html編寫edm時有哪些要注意的？的詳細內容。更多資訊請關注PHP中文網其他相關文章！