Summary of HTML formatting standards for web-based email content

Summary of HTML formatting standards for web-based email content

1. Page requirements

1) Use standard headers and footers

XML/HTML CodeCopy content to clipboard
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” >   
  2. < html   xmlns ="http://www.w3.org/1999/xhtml" >   
  3. < head >   
  4. < meta   http-equiv = "Content-Type" content = "text/html; charset = utf -8" >   
  5. < title > How to create a webpage-formatted email </ title >   
  6. </ head >   
  7. < body   style =”margin:0;padding:0″ >   
  8. </ body >   
  9. </ html >   

2) Use the gb2312 encoding format uniformly
3) The page display width is 400px-800px, and the height is generally controlled within one screen.
4) The page does not contain js code or flash content (if animation is required, use gif)
5) All images on the page must be absolute addresses
6) The content of the page is best presented in text form.

2. Code requirements

1) Use table to create the page, and the width must be set. Since some attributes of div format are not fully supported by email clients, it is recommended to avoid using it.
2) In the DTD declaration, please change <html xmlns=http://www.w3.org/1999/xhtml> to <html>
3) CSS is not allowed to be called externally or written into the <head> section; all styles are written into the tag.
4) Background images are prohibited.
5) Try to optimize the image as much as possible without affecting the image display effect to ensure that customers can see the image in the shortest possible time when they open the email, thereby increasing the email reading rate.
6) All images must have width, height and alt tags, and the alt content should not be too long and no special characters should appear.
7) Hotspots are prohibited for image links because map markers cannot be clicked normally in Outlook and the URL pointed to by the link cannot be opened.
8) The link opening method is unified as: _blank
9) The correct way to write mailto: Example: <mailto:[email protected]> [email protected]</a>
10) Floating layers are prohibited
11) The code must be clean, unnecessary spaces and carriage returns must be deleted, and the total code size should be less than 50K


3. Email Testing

1) Upload to the server, open the webpage, press ctrl+a, copy and paste into the email
2) Open the webpage locally, copy it directly, and then upload the picture in the email as an attachment.

<<:  Implementation of proxy_pass in nginx reverse proxy

>>:  Sharing experience on MySQL slave maintenance

Recommend

A brief analysis of Linux to check the firewall status and the status of the ports open to the outside world

1. Check the firewall status Check the firewall s...

How to start jar package and run it in the background in Linux

The Linux command to run the jar package is as fo...

How to change the root password in a container using Docker

1. Use the following command to set the ssh passw...

The perfect solution for Vue routing fallback (vue-route-manager)

Table of contents Routing Manager background gett...

How to uninstall and reinstall Tomcat (with pictures and text)

Uninstall tomcat9 1. Since the installation of To...

How to add vector icons to web font files in web page production

As we all know, there are two types of images in c...

The ultimate solution for writing bash scripts with nodejs

Table of contents Preface zx library $`command` c...

Things to note when designing web pages for small-screen mobile devices

The reason is that this type of web page originate...

What is COLLATE in MYSQL?

Preface Execute the show create table <tablena...

Solution to the problem that Docker container cannot access Jupyter

In this project, the Docker container is used to ...

JavaScript implements the most complete code analysis of a simple magnifying glass (ES5)

This article shares the specific code of JavaScri...

In-depth analysis of the various backgrounds, usage scenarios and techniques of CSS

This article has been included on GitHub https://...

How to use the Clipboard API in JS

Table of contents 1. Document.execCommand() metho...

Example of using Docker to build an ELK log system

The following installations all use the ~/ direct...

A small piece of HTML code will include the Baidu search bar in your page

<html> <head> <meta http-equiv=&quo...