HTML Message Authoring Specification

Some of the following are summed up by others, some of which are summed up in their work.

Template Best Size: Display width 550px-750px , the template height is controlled within one screen.

1. with Table +css way to build a template

The DIV+CSS layout is not fully supported by the mail client, so the DIV+CSS layout cannot be used.

2. can use editplues , or UltraEdit and other tools to make HTML , but be sure to use the visualizer to check for nested recommendations Dreamweaver

3. Insert the picture to define the width, height, for ( editplues , UltraEdit and other tools to pay attention to this)

4. use of background images is strictly forbidden

In outlook2007, the background picture will not display, and the other mail client can display the background picture correctly.

Gmail also does not support the background map inside the CSS,

5. The use of map tags is strictly prohibited .

resulting in late visualization of statistical difficulties

6. Do not use Word Conversion of HTML file as a template

7 . Do not use external linked css files

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

  This is not to crawl CSS, to write in the html,head inside

8, the site or forum customers have their own server involved in uploading template files in accordance with this format

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

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

Such a format system cannot crawl

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

9, the picture in the template please use absolute path, complete URL

</img>

</img>

Ten , a TD do not put multiple pictures inside, please put in different TD inside,

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

<tr>

<td></img></td>

<td></img></td>

</tr>

</table>

11,

12, irregular change the line so that the picture is lost

========================= The following is my own summary of the ===========================

1, in Outlook many CSS properties are not supported (such as: Margin,overflow,text-overflow, etc.)

This is a Web site that looks at the various mailbox property support scenarios

https://www.campaignmonitor.com/css/

2, cannot use the background picture in Outlook, cannot use the network picture to load.

3. Setting the width of the outlook slice is not working

4, the implementation of the DOM structure in Outlook to center the Align=center

5. Outlook will automatically increase the spacing between lines

6, the page element between the space may be the HTML is mixed with $nbsp; (that is, the space character)

7, Align=center in different browser different mailbox interpretation code is not the same, error correction ability is not the same,

8, the text in the center of the message is centered on the text-align,dom with the Align=center

9, Foxmail inside to want to achieve beyond the text does not wrap, beyond the partial display ellipsis, it is recommended not to put the text directly below the TD, but under the TD to create a label, put the content under a tag, and then the corresponding style written in a tag.

10, Foxmail does not support the image path of HTTPS

11, some mailboxes on the page structure display incorrect problem if it is not related to the above content, suggest the use of other DOM structure to try.

12. In Outlook mailbox, multiple consecutive "" or &nbsp; symbols are not limited by the width style and will be extended backwards.

No solution is found at the front end.

Ps:

In the browser to browse the Normal template, not necessarily normal!!! , to use the Send System crawl template new task, send to the mailbox with browse or client view, mail client software and email service provider's HTML parsing level basically stay in the table layout stage, and for security reasons there are many taboos, please use the table+css layout, When you modify a template with Dreamweaver, you also see the HTML code section, empty connections, weird or excessive alt,title values (no more than 30 characters are recommended), and images that don't have a wide height can cause messages to appear incorrectly.

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

IE QQ Mailbox, 126 mailbox, Hotmail mailbox, Sohu mailbox, Sina mailbox and so on

If you have the energy, you can use the above email to test the test in Firefox.

Many people use outlook2007, so they have to focus on testing.

Resources

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

HTML Message Authoring Specification