5 advices for email markup
1. Table markup
Markup for email-mailing should be in table form. This is necessary so that the contents of the letter are opened in the same way everywhere, including in mail programs.
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="border-collapse: collapse"> <tbody> <tr> <td>Email content</td> </tr> </tbody> </table>
It is not necessary to connect style files via CSS, because many mail services cut out connection styles. They also cut out styles from the
ПSupported HTML elements in mail services can be seen on the site campaignmonitor.com/css/.
All styles must be prescribed for each element through the attribute
<span style="color: #333; font-size: 17px;">Text</span>
3. Sizes for pictures
For images you need to set the width and height.
<img src="pic.jpg" width="600" height="300" alt="">
At the beginning of the markup it is recommended to specify the encoding of the letter:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
This is more related to the software part. For each letter, it is recommended to add a List-Unsubscribe header, after which an email button (if they support List-Unsubscribe) will have an additional “Unsubscribe” button.
Also, with this option, there is less chance to get into the “spam list”.
This header is customized by the developer.
An example of the "Unsubscribe" button in the mail service