Чи повинен HTML / CSS для розсилки електронної пошти html бути в табличному форматі, чи я можу використовувати DIV з однаковою впевненістю, що він добре відображатиметься на різних електронних поштових клієнтах? Я завантажив низку шаблонів, щоб побачити, як вони виконуються, на основі яких будувати свій власний, і всі вони, здається, використовують таблиці.
Будь-яке розуміння дуже вдячне, дякую!
position:fixed;в Gmail). Таблиці дозволяють використовувати додаткові елементи html, які недоступні (або несумісні) з divs. Крім того, Outlook використовує движок Microsoft Word для обробки HTML-адреси електронної пошти та обгортає її великою кількістю диванів і т. Д. Таблиці допомагають підтримувати структуру електронної пошти, коли Outlook кидає туди свою лайно.
Відповіді:
Що стосується електронної пошти HTML, зверніть увагу, що всі найкращі практики веб-розробки виходять з вікна. Щоб зробити вигляд послідовним, вам слід:
<style>-теги відкидаються багатьма клієнтами.<html>, <head>і <body>- вони будуть відкинуті більшістю клієнтів в будь-якому випадку.Детальніші версії вищезазначених пунктів ви можете прочитати тут:
Як і всі тут казали, використовуйте таблиці та вбудовуйте всі ваші css ... але існує екосистема електронних програм, яка допоможе вам створювати електронні листи.
Нещодавно я використовую Mailrox ( https://www.mailrox.com/ ) для більшості своїх збірок електронної пошти, і це, здається, дуже добре і видає ідеальні електронні листи HTML, якщо ви створюєте їх із дизайну, навіть хоча це в бета-версії.
Ви також можете спробувати заздалегідь створені шаблони від Mailchimp або Campaign Monitor , але схоже, у вас є дизайн для вашої електронної пошти, тому, можливо, Mailrox буде найкращим.
Якщо ви дійсно хочете зайнятися створенням електронних листів, я б сказав, що забудете більшість із того, що вам відомо про сучасний веб-дизайн та макети таблиць, і скористайтеся посиланнями з PatrikAkerstrand.
Лакмус також чудово підходить для тестування ваших дизайнів, кодованих вручну. Вони дають вам попередній перегляд електронної пошти у (майже) усіх поштових клієнтах.
Сподіваюся, це допомагає.
Багато клієнтів електронної пошти не можуть зробити css. Я б використовував таблиці для форматування вашої пошти, а для будь-чого іншого використовував зображення.
Як вже було згадано - ваші електронні листи HTML повинні створюватися за допомогою таблиць (а не div). Ви також можете додати CSS - обидва за допомогою зовнішньої таблиці стилів, але це буде забрано не всіма поштовими клієнтами, тому насправді надійніше додавати ваш css в рядку. Навіть роблячи це, деякі атрибути можуть ігноруватися певними поштовими клієнтами, тому найкращим чином все-таки є використання атрибутів HTML, коли вони є. "Ви повинні це зробити, оскільки деякі клієнти, такі як Gmail, будуть ігнорувати або видаляти вміст вашого тегу або ігнорувати їх." Джерело: http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978
Окрім цього, я також завдяки методу спроб і помилок дізнався, що навіть зображення повинні бути обрізані до точного розміру, який ви хочете, щоб вони відображалися у вашій електронній пошті. Outlook, якщо страшно підбирати атрибути HTML для ширини / висоти для зображень, і я бачив кілька неприємних розтягнутих листів, лише тому, що ці атрибути були проігноровані, а зображення відображались у повному розмірі.