Правила верстки писем

Когда верстаете держим перед собой эту таблицу: Ширина письма должна быть 600px Макет письма принимает следующий вид:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' >
<title> - </title>
</head>
<body style='padding:0;margin:0;'>
    <table width='100%' border='0' cellspacing='0' cellpadding='0'>
        <tr><td align='center' bgcolor='#ffffff'>
        
            <table width='600' border='0' cellspacing='0' cellpadding='0'>
                <tr><td align='center'>
                    <!--mail body -->
                </td></tr>
            </table>        
        
        </td></tr>
    </table>
</body>
</html>

Лучше отказаться от использования как padding так и margin. Горизонтальный отступ можно сделать с помощью пустой ячейки (В которую поместить символ неразрывного пробела &bsp;), а чтобы задать отступ справа и слева – можно создать вложенную таблицу меньших размеров. Вертикальный отступ можно задать следующим образом:

<!-- padding -->
<div style="height: 10px; line-height:10px; font-size:8px;">
    &nbsp;
</div>

У ссылок необходимо указывать атрибут target="_blank", чтобы избежать возможных проблем с открытием страницы в текущем окне.

<a href="#" target="_blank" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;text-decoration:none;"> Ссылка </a>

В почтовых рассылках допускается использование только стандартных шрифтовых наборов, которые присутствуют на всех устройствах. Представляю вашему вниманию список безопасных шрифтов, которые есть на всех устройствах.

{
    font-family: Arial, Helvetica, sans-serif;
    font-family: 'Arial Black', Gadget, sans-serif;
    font-family: Georgia, serif;
    font-family: 'MS Sans Serif', Geneva, sans-serif;
    font-family: 'MS Serif', 'New York', sans-serif;
    font-family: Tahoma, Geneva, sans-serif;
    font-family: 'Times New Roman', Times, serif;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-family: Verdana, Geneva, sans-serif;
}

Таким образом, эти шрифты можно использовать в рассылках без страха и риска. Если вы все же хотите использовать совсем нестандартные шрифты через правило @font-face, то будьте внимательными, это правило работает только в IOS, Google mail и Android 4 (Gmail).

Правила верстки писем

Оставьте комментарий

Отменить ответ