• Contact Us
  • Pricing
  • Search
  • Register
  • Login
  • DNS Tools
    • MX Records
    • A Records
    • CNAME Record
    • PTR Record
    • SPF/TXT Records
    • NS Records
  • Domain Tools
    • ARIN Records
    • WHOIS Records
  • Blacklists
    • Blacklist Checker
    • Whitelist Checker
    • Email Blacklist Removal Tool
  • Email Tools
  • Port Scans
  • Other Tools
    • IP Tools
      • IP Address Converter
      • IP Address Locator
      • IP Range To CIDR
    • Chrome Extension - Email Deliverability Checker
  • Blog
    • First Time Sender
      • Email Certification
      • Email Throttling
      • IP Warming
    • Formatting Emails
      • For Browsers
      • For Devices
      • For Email Clients
    • How To Avoid
    • How To Set Up
    • Mail Tester Guide
      • Email Headers Explained
      • MX Records, PTR Records, and Reverse PTR Records AKA rDNS
      • RFC Syntax Checking
      • Email Port Checks
      • SPF Record and Alignment
      • DKIM Signatures and Alignment
      • DMARC Validation
      • Mail Tester Test Tool
    • Measuring Peformance
      • Bounces
      • Clickthrough Rates
      • Open Rates
    • Related Resources
      • Abuse Contacts
      • Common Ports
      • DMARC and the Contact Us Form
      • Email Identifier
      • Email Headers
      • Email Statistics
      • How Email Works
      • How to Treat Spammers
      • Securing Your Server
    • Rules to Follow
      • Can Spam Act
      • Postmaster Guidelines
  • Member Services
    • Members Area
    • Blacklist Monitoring
    • Complete Monitoring Solution
    • Domain Name Monitoring
    • Feedback Loop Submissions
    • Full Port Scan Monitoring
    • Mail Tester Pro Tool
    • Mail Miner
    • Spam Detector Toolbox
    • Trusted Sender Site Seal

Formatting HTML Email for Browsers


Web Browsers
Most companies and email providers have a web interface to allow access to email. People who read email generally use many different web browsers to access them. At home you might use Mozilla Firefox to view your mail, at work perhaps Microsoft Internet Explorer, and on the go Apple's Mobile Sarfari browser on your iPhone.

As you know every browser and every version of every browser renders HTML and CSS differently. They all have different HTML and CSS support, therefore making it very important when creating an email, newsletter, or website that you design renders and works correctly in all browsers.

Here is a list of external resources that will guide you through the different support and compatibility of HTML Tags and CSS Styles of the different well known browsers.
  • Internet Explorer HTML Compatability Chart
  • Mozilla FireFox HTML Compatability Chart
  • Mozilla FireFox CSS Compatability Chart
  • Apple Safari Supported CSS
  • Apple Safari Supported HTML
  • Webkit Mobile Browser Support
  • CSS Browser Compatability
  • QuirksMode Support
If you read all the different references listed above, you're head is probably spinning right now. It's a lot to know and absorb. Don't let it scare you off, just keep in mind when you design HTML emails using the most common HTML Tags and CSS Styles, chances are it will render correctly in most browsers. Thats why we recommend the KISS Principle (Keep It Simple Stupid) when designing HTML email for cross browser support. For safe HTML Tags and CSS styles that renders the same in most browsers, reference the chart located on the bottom of this resource: Formatting HTML emails for Email clients.

Source: Unlock The Inbox

Copyright © 2018 Unlock The Inbox