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>

2. Styles

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 <style> tag.

–ü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 style.

<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="">

4. Encoding

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">

5. List-Unsubscribe

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

List-Unsubscribe