Описание тега html-email
Хотя для форматирования электронных писем используется тот же HTML, что и для создания веб-страниц, у него другой набор проблем и передовых методов.
Проверка кода
Поскольку большинство почтовых клиентов не соблюдают веб-стандарты и отсутствуют стандарты для конкретной электронной почты, правильно закодированные электронные письма HTML не будут проходить проверку HTML, потому что при правильном кодировании почти весь код в электронном письме HTML может быть состоит из амортизированных элементов.
Совместимость клиентского кода
При работе с электронными письмами в формате HTML большая часть функций, доступных при типичной веб-разработке, невозможна в электронной почте. Хорошая практика - ограничить использование кода тем, который совместим с XHTML1.0. Недавние обновления многих платформ позволили несколько ослабить это ограничение, и теперь люди часто используют стандарт соответствия HTML4.0.
DOCTYPE
Рекомендуемый тип документа для электронной почты HTML - XHTML 1.0 Strict. Причина этого в том, что, независимо от любого альтернативного определения doctype, Gmail будет применять XHTML 1.0 Strict независимо от двух клиентов, которые навязывают свой собственный doctype, у Gmail самый большой процент пользователей, поэтому логично подтвердить стандарт, что будут навязаны, нравится вам это или нет.
Ниже приведен список почтовых клиентов и их отношение к!DOCTYPE, а также ожидаемые результаты.
ПОЛОЖИТЕ или ИГНОРИРУЙТЕ свой DOCTYPE полностью:
- AOL
- Приложение Gmail для Android
- Lotus Notes 6.5, 7, 8 и 8.5
- Outlook 2007 и 2010
- Thunderbird 2 и 3
Yahoo
Полученные результаты:
- Заполнение блочной модели становится проблемой при просмотре электронной почты в IE и Firefox
- В IE 8 отступы CSS в таблицах сбрасываются на "0", например:
- Центрирующие теги с заданной шириной больше не будут центрироваться во всех браузерах, кроме IE. Например:
- В IE минимальная высота любого элемента EMPTY блока составляет 19 пикселей. Это особенно важно при использовании разделителей div.
- Во всех браузерах, кроме IE 6 и 7, элементы абзаца имеют верхнее и нижнее поле по умолчанию "0", тогда как в противном случае использовались бы верхнее и нижнее поле по умолчанию в 16 пикселей.
- В IE 8 вы можете увидеть увеличенное левое поле на OL и UL, вам нужно будет определить поля с помощью встроенного CSS, чтобы исправить это.
- Некоторые специальные символы не поддерживаются
ПРИНИМАЙТЕ свой DOCTYPE
- Почтовый клиент Android
- Антураж 04 и 08
- iPad и iPad Gmail
- iPhone и iPhone Gmail (iOS3 и iOS4)
- Kindle Fire
- Живая почта
- Outlook 2003
- Outlook Express
- Тандерберд 6
- Почта Windows
Навязывают свои собственные стандарты
XHTML 1.0 Strict - Gmail и Hotmail
Полученные результаты:
- Высота строки для мелких шрифтов может стать более распространенной во всех браузерах, кроме IE. Это проблема только при использовании встроенных элементов, используйте элементы абзаца или TD для форматирования ваших мелких шрифтов.
- Вы можете увидеть небольшое пространство под каждым из ваших изображений. Обычное исправление - использовать внутри тега изображения.
- Некоторые специальные символы не поддерживаются
- Могут быть различия в способе отображения ваших текстовых ссылок (цветные подчеркивания)
Yahoo Classic - переходный HTML 4.01