Внедрение статьи Wulin.com (www.vevb.com): Когда мы делаем маркетинг по электронной почте, мы надеемся, что пользователь откроет электронное письмо и увидим, что мы отправим его другой стороне. Тем не менее, рендеринг HTML -страниц по электронной почте отличается от воспроизведения браузера. Способность рендеринга намного меньше. Эффект, который обычно отображается в браузере, допускает ошибки в электронном письме, или его нельзя отображать.
Когда мы делаем маркетинг по электронной почте, мы надеемся, что пользователь увидит, что после открытия адреса электронной почты мы отправим его другой стороне. Тем не менее, рендеринг HTML -страниц по адресу электронной почты отличается от того, что в браузере отличается. Способность рендеринга намного меньше. Эффект, который обычно отображается в браузере, допускает ошибки в электронном письме, или его нельзя отображать. После бесчисленных тестов, при разработке и производстве веб -электронных писем веб -сайт веб -преподавания напоминает вам обратить внимание на следующие моменты:
1. Фоновые картинки не могут быть использованы;
2. Стиль должен быть записан в код HTML, похожий на Style = текстовое декорация: нет; Цвет:#666; размер шрифта: 12px; Кроме того, стили в <'style> <' '/style> должны быть помещены в тело для работы, но некоторые стили будут потеряны в процессе пересылки, поэтому не рекомендуется их использовать.
3. Добавьте альт и заголовок к каждой картинке
4. Рассмотрим ширину электронного письма. Многие пользователи используют ноутбуки, а разрешение ноутбука составляет 1280*708. Полем Полем Поэтому для хорошего пользовательского опыта на первый взгляд, вы должны иметь правильную ширину
5. Все изображения должны быть с абсолютными адресами, в противном случае они не будут отображаться на терминале клиента и могут отображаться в Foxmail;
6. С точки зрения макета, используйте таблицу, а не Div, потому что даже маржа: 0 Auto не работает в электронном письме. Атрибут CSS не тестируется, но он действительно ограничен, поэтому используйте таблицу;
7. Постарайтесь добавить ширину в каждый блок. Если вы не пишете ширину, будут необъяснимые ошибки;
8. Эффект отображения подлежит адресу электронной почты. В некоторых случаях страница, рендеринг браузером, отличается от адреса электронной почты;
Предупреждение о риске:
Когда окно в определенной степени сужается, некоторые изображения будут уменьшены, а границы страниц будут неопрятными. Это правило рендеринга электронного письма. С помощью текущего дизайна этого ошибки нельзя избежать, поэтому ширина может быть изменена только для меньшей (есть также проблема при тестировании системы электронной почты, отправленной Netease Email Center).