HTML 电子邮件 |可用的编码教程就像 1999 年一样

发布于 2024-09-24 12:30:44 字数 375 浏览 7 评论 0原文

当我开始编码时,我跳过了表格并直接进入基于 CSS/div 的布局,它才刚刚开始,我认为没有必要学习即将淘汰的东西(即表格布局)。我确实使用表格来存储表格数据,因此我了解表格的工作方式。

我当前的公司发送了大量的 HTML 电子邮件,我必须通过 Emma 或其他几家类似的公司设计、构建和发送这些电子邮件。这是我第一次定期使用 HTML 电子邮件,尽管我已经全职构建网站好几年了。

我的问题是:有没有好的设计参考资料?构建 HTML 规则?我确实了解一般基础知识(通过过去几个月的研究、尝试和错误学到的)。或者规则是否足够简单,可以在这里列出?电子邮件是否有像网络一样的可访问性标准?它们是一样的吗?

顺便问一下,是否有人认为 HTML 电子邮件比它们的价值更令人头疼?

When I started coding I skipped over tables and went directly to CSS/div based layouts, it had just started and I didn't see the need to learn something (ie tables layout) that was on it's way out. I do use tables for tabular data, so I understand the way tables work.

My current company sends an amazing amount of HTML emails that I have to design, build and send through Emma, or several other similar companies. This is my first regular experience with HTML emails, though I have built websites full time for several years.

My questions are: Is there a good reference for designing & building HTML rules? I do know the general basics (learned through research, trial and error over the last few months). Or are the rules simple enough to list here? Are there accessibility standards for email like for the web? Are they the same?

As a side question, does anyone think that HTML emails are more of a headache than they are worth?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

情归归情 2024-10-01 12:30:44

不确定您关于表格的故事与发送 HTML 电子邮件有什么关系,因为您不限于在 HTML 电子邮件中使用表格,但无论如何。我并不是说这些是官方指南,但我个人总是认为它们是:

  • 保持简单 - 当您发送的样式多于实际内容时,您就做错了。
  • 尽量不要使用图像 - 坚持基本的内联样式,如边框、背景颜色、文本颜色等。目的是使电子邮件看起来不错,而不是创建一个独立的网站。
  • 始终为不支持 HTML 电子邮件的电子邮件客户端提供纯文本替代方案。

至于附带问题,我真的不认为使用 HTML 来使您的电子邮件更漂亮有什么不好,而且如果做得正确的话,它不应该引起任何麻烦(即参见我列表中的前两点)。

希望这些有帮助。

Not sure what your story regarding tables has to do with sending HTML emails since you're not confined to using tables in HTML emails, but anyways. I'm not saying that these are official guidelines, but off the top of my head, I personally always consider them:

  • Keep it simple - When you're sending more style than actual content, you're doing it wrong.
  • Try not to use images - Stick to basic in-line styling like borders, background color, text color and such. The objective is to make the email look good, not to create a stand-alone website.
  • Always provide a plain text alternative for the email clients that don't support HTML emails.

As for the side question, I don't really see anything bad in using HTML to make your emails prettier and it shouldn't cause any headaches when done right (i.e. see the first two points on my list).

Hope these help.

梨涡 2024-10-01 12:30:44

营销活动监控Mail Chimp 在这些主题上拥有大量资源。您应该查看“为什么使用电子邮件?”指南来回答有关电子邮件是否好主意。还要查看 mailchimp 指南的标题,其中一些与发送电子邮件有关(不仅仅是帮助其系统)。

如果您要丢弃大量基于图像的图像,并且不想继续将它们切碎,则应该查看 Mailrox ( https://www.mailrox.com/)。它可以让您在浏览器中剪切图像并为您完成所有操作。

问:作为一个附带问题,是否有人认为 HTML 电子邮件比它们的价值更令人头疼?

快速回答:不,我发现向需要它们的人发送好的电子邮件确实有助于转化/销售,但它们必须是正确的。

Campaign Monitor and Mail Chimp have a spectacular amount of resources on these topics. You should check out the "Why Email?" guide to answer any question on if email's a good idea. Also have look over the titles of mailchimp guides, some of them relate to sending out emails (not just help with their system).

If you're chucking out loads of image based images and you don't want to keep chopping them up you should check out Mailrox (https://www.mailrox.com/). It lets you chop-up images in the browser and does all the stuff for you.

Q: As a side question, does anyone think that HTML emails are more of a headache than they are worth?

Quick Answer: No, I've found sending out good emails to people who want them really helps conversion / sales, but they have to be right.

热鲨 2024-10-01 12:30:44

Acid 博客上的电子邮件 提供了一些设计 HTML 电子邮件的非常好的提示/技巧。设计 HTML 电子邮件是我工作中最乏味、最令人沮丧的事情之一。 Acid 上的电子邮件有助于限制挫败感。希望这有帮助。

Email on Acid's blog has some really good tips/tricks for designing HTML emails. Designing HTML emails is one of the most tedious and frustrating things I have to do at my job. Email on Acid helps limit the frustration level. Hope this helps.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文