问题
I am not new to HTML/CSS, although I have never created a HTML email before.
Are there any nice online resources I can look at to learn from?
What do I have to take into consideration when it comes to email clients?
Do they display HTML/CSS content differently like browsers? (IE problems etc.)
I am not even sure where the HTML/CSS is supposed to be inserted!
回答1:
A HTML email newsletters guide from 2008 is here . Some email templates can be found here. And a really old site mentioning why HTML emails are bad is here. Anyway, if you add an option for HTML emails, add one for plaintext ones, too. I feel I'm not the only one who prefers the plaintext one.
回答2:
Because of security vulnerabilities and because most web email clients don't want you messing up the layout of the client itself, what html and what css they will render varies wildly.
Campaign monitor has a roundup of some of the features available/not available for use in emails;
http://www.campaignmonitor.com/css/
回答3:
Email on Acid's blog has some really good tips/tricks for designing HTML emails. Hope this helps.
回答4:
Online resources for learning HTML email:
- HTML email practices for beginners: http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/
What to take into consideration when it comes to email clients
- HTML emails are rendered differently in nearly every one of the major email clients. Here is why:
- There are still no standards for rending HTML in an email (as opposed to the standards that currently exist for the web).
- On both the web, and in email, individuals can define their own settings on their computers for how they want text to display (ie. making it larger, or changing the font).
- A subscriber may have "image blocking" turned on in their email software. This means they will only see text (and no images).
- This video describes the differences in how email software renders email: http://litmusapp.com/resources/desktop-email-clients
- The best email clients for rendering are: Apple Mail, Outlook 2000, Outlook 2003, and Thunderbird.
- The worst email clients for rendering are: Outlook 2007, Lotus Notes, and Gmail.
Malware risks
I should also mention that the malware risks mentioned the responses above are overstated. An ESP (like Campaign Monitor, or Mailchimp) won't send attachments with an HTML email (images, docs, etc... are linked rather than attached). Modern email clients scan for malware, and won't execute anything before first prompting the user
The bigger security threat is spoofing.. However, this shouldn't be a problem for anyone receiving an HTML email from an opt-in list.
来源：https://stackoverflow.com/questions/3068802/html-email-guide