HTML mail production specifications, html mail specifications

HTML mail production specifications, html mail specifications

Some of the following are summarized by others, and some are summarized by myself at work.

Optimal template size: display width550px-750pxThe template height is within one screen.

1,UseTable+ CssTemplate Creation Method

The Div + css layout is not fully supported by the mail client, so the div + css layout cannot be used.

2,AvailableEditplues, OrUltraEditAnd other toolsHtmlBut be sure to use the visualization tool to check the nesting condition recommendation.Dreamweaver

3,The width and height of the inserted image must be defined (Editplues,UltraEdit)

4,Do not use background images

In outlook2007, the background image cannot be displayed, and other mail clients can correctly display the background image.

Gmail does not support background images in css,

5, Do not use map flag form

Making visual statistics difficult in the future

6,Not usedWordConvertedHtmlFile as template

7,Do not use external linksCssFile

  <link rel="stylesheet" rev="stylesheet" type="text/css" href="/css/new/common.css" media="all" />

In this way, css cannot be captured and should be written in html and head.

8. If a website or forum client has a server, the template file is uploaded in this format.

Http://www.abc.com/file/0902_tr/edm.html

Http://www.abc.com/file/0902_tr/edm_online.html

The format system cannot capture

Http://www.abc.com/file/0902_tr/

9. Use the absolute path and complete URl for the images in the template.

</img>

</img>

10,TdDo not put multiple images in it. Please put them in differentTdInside,

<Table width = "136" border = "0" cellspacing = "0" cellpadding = "0">

<Tr>

<Td> </img> </td>

<Td> </img> </td>

</Tr>

</Table>

11.

12. Irregular line breaks will cause image loss.

=========================================== The following is my own summary ============================

1. Many css attributes in outlook are not supported (such as margin, overflow, text-overflow, etc)

This is a website for viewing support for various mailbox attributes.

Https://www.campaignmonitor.com/css/

2. You cannot use background images or network images in outlook.

3. The width and height of the outlook image do not apply.

4. Use align = center to center the dom structure in outlook

5. outlook automatically increases the line spacing.

6. the spacing between page elements may be between $ nbsp; (that is, the space character) in html)

7. align = the center can interpret different codes in different mailboxes in different browsers, and the error correction capability is also different,

8. Use text-align to center the text in the email, and use align = center to center the dom.

9. In Foxmail, if you want to keep the text that exceeds the limit, the ellipsis is displayed in the excess part. We recommend that you do not directly put the text under td, but create a tag under td, put the content under tag a, and then write the corresponding style in tag.

10. Foxmail does not support https image paths.

11. If the Page Structure on some mailboxes is incorrect, we recommend that you use another dom structure if it is irrelevant to the above content.

12. In outlook, multiple consecutive "or" & nbsp; "symbols are not restricted by the width style and will be extended.

No solution is found at the front end.

 

PS:

Browse the normal template in the browser,Not necessarily normal !!!You must use the sending system to capture the template to create a task and send it to the mailbox for browsing or viewing on the client. The html parsing level of the mail client software and the mailbox service provider is basically in the table layout stage, there are also many taboos for security reasons. Please use table + css layout, use Dreamweaver to modify the template, and view the html code section, empty join, weird or excessive alt, title value (up to 30 Chinese characters are recommended). If there is no picture with high width, an error is displayed in the email.

Recommended testing environment, operating system xp, win7, mail client outlook2007, outlookexpre, foxmail6.0 or above

Qq mailbox under Ie, 126 mailbox, hotmail mailbox, Sohu mailbox, Sina mailbox, etc.

If you have the energy, you can test it with the above email address below Firefox.

Many people use outlook2007, so they should focus on testing.

References

1. http://blog.csdn.net/sykent/article/details/8584637