The awkward truth about HTML E-mail Templates

Most of email clients don’t support every type of HTML content we see on the web. Web browser are able to display only scripts, animations, and complex web applications, while  typical email inbox isn’t built to handle those type of content.

So with this article , i’ll  cover up about content types to avoid in your email designs, and what to use instead.

Email HTML v. Web HTML

The viewing technology of a typical email client isn’t as up-to-date as a web browser. Web browsers display interactive, dynamic content, and they update often. But interactive elements like Flash, JavaScript, or HTML forms won’t work in most email inboxes.

View the table below to learn more.

Safe to use

Use with caution

Do not use

  • static, table-based layouts
  • HTML tables and nested tables
  • template width of 600px-800px
  • simple, inline CSS
  • web-safe fonts
  • background images
  • custom web fonts
  • wide layouts
  • image maps
  • embedded CSS
  • JavaScript
  • <iframe>
  • Flash
  • embedded audio
  • embedded video
  • forms
  • <div> layering