Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Should I use HTML 4.0 mark up for my email templates?

A designer coded an html template using CSS best practices. I want to use this template as an email newsletter template, but I've heard people say hotmail, yahoo and gmail offer limited support for CSS.

Am I supposed to re-code these templates using table layouts and font tags?

like image 784
John Avatar asked Jan 30 '09 19:01

John


People also ask

What version of HTML do emails use?

HTML5. HTML5—more specifically, HTML5. 2—is the latest version of Hypertext Markup Language currently used in HTML documents, including emails.

How is HTML used in email marketing?

HTML email design lets you create great looking emails with a lot of visual appeal. Instead of using plain text, you can use HTML email design to display a variety of colors, images, backgrounds, and fonts. With HTML email design, you have the creative freedom to help get your message across more effectively.

Can I use style tag in email template?

Yes you can. However you have to keep in mind that few email clients respect css standards. Just stick to basic css properties like margin and padding , etc., and it should all be fine. Also you can style your html elements inline ( <div style=""> ) though it's not an elegant solution.


2 Answers

The short answer is Yes.

You're going to get the best compatibility across webmail accounts & email clients by using the most basic and dumbed down HTML possible.

  • Don't use any CSS files or <style> tags. Do everything inline.
  • Handle positioning with nested tables that have explicit widths
    • I make heavy use of HTML comments in these situations to make sure I don't get confused about where I am in the layout.
  • All text should be surrounded by <font> tags with the font style information.
  • Images should have explicit widths & heights.
    • This helps the email retain its proper layout when images are blocked.

I usually test on a minimum of the following:

  • Outlook 2003
  • Outlook 2007
    • Most of your headaches will come from here.
  • Thunderbird
  • Entourage (OSX version of Outlook)
  • Gmail
  • Hotmail
  • Yahoo Mail

You're usually in pretty good shape if you get something that shows up properly on all of those.

We use Exact Target and they have an HTML preview feature but it's not perfect. I've run into a lot of situations where an email looked good in the preview but still came through broken in Outlook 2007.

like image 75
Mark Biek Avatar answered Oct 09 '22 02:10

Mark Biek


Mark above said everything that you need to do to develop email templates (it's the 90's all over again), but I wanted to add one last thing:

http://www.email-standards.org/ is a great resource to see how different email clients interpret HTML and CSS.

like image 33
Mark W Avatar answered Oct 09 '22 02:10

Mark W