1.What we AlWAYS do?
1.1 position of the css
In email,the external stylesheets for the html is not allowed,we just can use inline-style,write the style in the tag attribute.
1.2 Use table tag.
Spans,divs,ul and ol are used sparingly to achieve specific effects, while HTML tables do the bulk of the layout work.
Tables are still the best way to achieve consistent results across email clients. The email equivalent of the browser window is the "viewport", or the area in an email client dedicated to showing the actual email.
And we sugguest you to give up the old tags,just like
, and so on.
1.3 reset the style
Just like the templates we used to do usually.The only difference is the point 1,you need to write the style in the tags.
1.4. Images should be posted on your publicly accessible web server
In your code, use absolute paths to point to them. Attachments are often stored in randomly named temporary cache folders by some email programs.
2.What we CAN'T do
2.1 Include a section with styles
Apple Mail.app supports it, but Gmail and Hotmail do not, so it's a no-no. Hotmail will support a style section in the body but Gmail still doesn't.
2.2 Link to an external stylesheet
Not many email clients support this, fotget it.
2.3 Background-image / Background-position
Gmail and outlook don’t support this.So,you know it.
2.4 Clear your floats.
Oh,use table,forget this.
2.5 Margin
Yes, seriously, Hotmail ignores margins. Basically any CSS positioning at all doesn't work.
2.6 Font-xxxxx
It will cause some problems you don’t know,and don’t use CSS shorthand.
2.7 Bgcolor
Please use whole code like #ffffff,don’t use #fff.
3.To the designer
3.1 If possible,don’t use gradiant event
Background is not supported in most emails.
3.2 As simple as possible.
4.CSS Properties
Support for CSS Properties
|
|
Outlook 2007
|
Thunderbird
|
Gmail
|
Hotmail
|
Yahoo!
|
background-color
|
|
|
|
|
|
background-image
|
|
|
|
|
|
background-position
|
|
|
|
|
|
background-repeat
|
|
|
|
|
|
border
|
|
|
|
|
|
border-collapse
|
|
|
|
|
|
border-spacing
|
|
|
|
|
|
clear
|
|
|
|
|
|
color
|
|
|
|
|
|
cursor
|
|
|
|
|
|
display
|
|
|
|
|
|
float
|
|
|
|
|
|
font-family
|
|
|
|
|
|
font-size
|
|
|
|
|
|
font-style
|
|
|
|
|
|
font-weight
|
|
|
|
|
|
height
|
|
|
|
|
|
letter-spacing
|
|
|
|
|
|
line-height
|
|
|
|
|
|
list-style-image
|
|
|
|
|
|
list-style-position
|
|
|
|
|
|
list-style-type
|
|
|
|
|
|
margin
|
|
|
|
|
|
opacity
|
|
|
|
|
|
overflow
|
|
|
|
|
|
padding
|
|
|
|
|
|
position
|
|
|
|
|
|
text-align
|
|
|
|
|
|
text-decoration
|
|
|
|
|
|
text-indent
|
|
|
|
|
|
vertical-align
|
|
|
|
|
|
visibility
|
|
|
|
|
|
white-space
|
|
|
|
|
|
width
|
|
|
|
|
|
word-spacing
|
|
|
|
|
|
z-index
|
|
|
|
|
|
5.Tips
They are also full-service HTML email marketing providers out there. Most noteably, MailChimp. With MailChimp, you design your emails right within their web editor. You still have a nice amount of control, the prefab template is pretty nice, and MailChimp will do everything possible to make sure the email looks it's absolute best in all email clients. That alone is worth the reasonable rates ($30/month for lists up to 2,500 and goes up and down from there). MailChimp offers more though, a service which is almost invaluable, managing your lists for you. You get a customizable web page you can send people to to sign up for your emails, which will automatically add them to your list. Even better, they also handle unsubscribes automatically. Both of these things can be as transparent to you as you would like. Statistics on your emails are provided.
表格整理中...
分享到:
相关推荐
在这个“commons email 发送html邮件完整优化实例”中,我们将深入探讨如何利用Apache Commons Email高效、稳定地发送带有HTML内容的邮件。 首先,我们需要在项目中引入Apache Commons Email的依赖。如果你使用的是...
"2 Promotional Email Template Blue" 这个文件名可能表示这个模板有两种不同的设计或变体,供用户根据需求选择或参考。 总之,"Promotional Email Template Blue" 提供了一套现成的HTML邮件设计,可以帮助营销人员...
JavaMail 是一个强大的Java库,用于处理电子邮件的发送和接收。在Java中,发送带有HTML内容的邮件是一项常见的任务,特别是在构建需要与用户交互的应用程序...在使用这个库时,记得根据自己的SMTP服务器配置相应参数。
然而,HTML Email 的显示效果受到邮件客户端的严重影响,不同的客户端对HTML和CSS的支持程度各不相同,这使得编写HTML Email成为一个挑战。下面是一些关键点和技巧,帮助你编写兼容性良好的HTML Email。 1. 选择...
HTML Email AD 是一个关于利用HTML技术来创建电子邮件广告的主题。在现代数字营销中,HTML邮件是一种常见的推广方式,它能够提供比纯文本邮件更丰富、更具吸引力的视觉体验。下面将详细探讨HTML邮件的制作、设计原则...
2. **commons-email-1.1-src.zip**:这个包包含的是源代码,对于开发者来说,源代码可以提供更深入的理解,便于查看和学习Apache Commons Email的实现细节,或者进行自定义修改。如果你需要调试问题或者想要贡献代码...
HTML邮件模板是用于创建专业且具有吸引力的电子邮件通信的工具,尤其在营销和推广活动中极为常见。...理解以上HTML邮件模板设计的关键知识点,可以帮助你有效地利用这个模板,并制作出既美观又功能强大的电子邮件。
这个库是Apache Commons项目的一部分,提供了许多方便的API,使得开发者能够轻松地构建并发送包含文本、HTML内容以及附件的邮件。下面我们将深入探讨如何使用Commons Email发送邮件,以及其核心功能。 首先,要使用...
2. "圣诞风格email邮件格式html模板":这个文件很可能是实际的HTML文件,包含了邮件的完整HTML结构和设计。用户可以直接将此文件内容复制到邮件编辑器中,或者通过编程方式动态插入内容。HTML文件可能还包含CSS代码...
总的来说,"html发送email"这个主题涵盖了使用编程语言结合HTML和SMTP协议来创建和发送富文本邮件的技术,这在现代电子邮件营销、自动化通知或者内部通信中非常常见。如果想深入了解,可以查看提供的博客链接,或者...
电子邮件发送在商业和日常通信中扮演着重要角色,而使用C#实现这个功能可以极大地提高效率。以下是一些关于如何使用C#创建电子邮件发送程序的关键知识点: 1. **SMTP(Simple Mail Transfer Protocol)**:SMTP是...
这个压缩包提供了一个通用且功能强大的Email发送工具包,适用于各种场景。下面将详细解释这个工具包的核心知识点及其应用。 首先,`Email.java`是这个工具包的主要源代码文件,它包含了实现电子邮件发送功能的所有...
Jenkins Email Extension Plugin是Jenkins自动化构建工具中的一个重要插件,它扩展了Jenkins的核心邮件通知功能...对于任何使用Jenkins的项目,特别是需要频繁沟通和快速响应的团队,这个插件都是一个值得推荐的工具。
这个模式可以匹配大部分合法的Email地址。 2. **网络爬虫(Web Crawler)**: 使用Python的BeautifulSoup或Scrapy框架可以构建网络爬虫。爬虫遍历网页HTML代码,寻找符合正则表达式的Email地址。首先,发送HTTP...
在这个项目中,我们将深入探讨如何使用Common Email库来发送电子邮件,以及它的一些核心特性。 首先,让我们了解Common Email的基本使用。在Java程序中,你需要添加`commons-email-1.1.jar`到类路径中,这是Apache ...
本篇文章将详细讲解如何使用`commons-email-1.2.jar`这个开源库来实现邮件发送,并通过`TestCommonEMail.java`示例代码进行演示。 Apache Commons Email是Apache软件基金会提供的一个模块,它简化了Java中发送电子...
它的主要类是`Email`,通过这个类,你可以设置发件人、收件人、主题、正文以及附件等信息。例如,你可以这样创建一个简单的邮件实例: ```java import org.apache.commons.mail.DefaultEmail; import org.apache....
首先,我们来看“编辑器”这个标签。在线编辑器是网页应用中常见的一种工具,它允许用户在浏览器环境下进行文本编辑,常用于论坛、博客、邮件系统等。这些编辑器一般包含基础的文本格式化选项,如加粗、斜体、下划线...
但我们可以基于常见的情况来推测,这个“test2.pl”文件很可能是用Perl编写的脚本,用于执行Email抓取任务。Perl是一门强大的文本处理语言,非常适合处理和解析网络数据。 在Perl中,抓取Email地址通常会涉及到以下...
这个jar包在Web应用程序开发中非常常见,因为它提供了一套强大的API,帮助开发者轻松处理复杂的邮件功能。下面将详细介绍这个包及其相关组件。 首先,`commons-email-1.2.jar`是Apache Commons Email项目的主库,它...