HTML 中的时事通讯是否应该具有“基于表格”的布局?
-
22-08-2019 - |
题
我在某处读到,在创建 HTML 电子邮件时,您应该使用基于表格的布局。您不应该关心创建基于无表 CSS 的布局。真的吗?我必须为我的公司创建一个时事通讯布局,但我觉得编写 3 个嵌套表格不太舒服。
解决方案
如果你希望你的HTML的电子邮件看起来在大多数电子邮件客户端好,你应该写你的HTML,因为它仍然是1999年:)
其他提示
我会强烈建议支付给电子邮件标准项目的访问网站。它列出了几乎所有主要的电子邮件客户端(包括单机和网络为主)在市场上,并概述了多少HTML的支持是内置到每一个。
另外,请查阅的Campaign Monitor的电子邮件设计准则为正确的HTML电子邮件建设一些实用指南 - 包括,不幸的是肯定的, “使用表”
这可能是更多的基于电子邮件客户端呈现的现实(这是可怕的)比什么都重要。从技术上讲它几乎肯定错了,但务实它可能是最好的建议。 Truppo触及此。
我爱的世界里,没有人预料到HTML中使用,其中纯文本会做,但不是这种情况。如果你的工作是拿出HTML不会为难你,当你的用户尝试在自己喜爱的电子邮件客户端(应用程序或基于Web的电子邮件)进行查看,这是很难坚持使用语义标记和CSS。
采取什么样的我与盐粮说,因为我只是做了这是一个学习的过程,而不是专业的。根据一篇文章我已经书签,并进一步链接我在那篇文章中发现,下面的页面似乎有参与发送HTML邮件的实际问题了很好的讨论。
http://www.sitepoint.com/article/code- HTML的电子邮件-简报/
http://www.sitepoint.com/article/principles-美丽-HTML的电子邮件/
http://www.sitepoint.com/article/designers-导向HTML的电子邮件/
鉴于所涉及的问题,使用表格布局使得实际意义。
有肯定没有标准,强制要求它,而事实上,最佳实践要求的表不应该被用于布局(除了在铺设表格数据的情况下)。
有是用于演示使用表格来进行争论,因为谁也不能保证桌面和基于Web的电子邮件客户端将正确呈现基于CSS的介绍多如牛毛。不过,我不会说这是一个争论在 - 和 - 的本身。
我不建议你这样做,但你可能已经听到这个,因为很多电子邮件阅读器的支持只有几个HTML和CSS。 他们往往不捆绑一个完整的HTML / CSS解析器,并在过去的桌子上多用来做布局..
您可能想看看这个,虽然这是具体地约描述的Oulook HTML / CSS子集的支持:
使用表的原因有两个:
- HTML 电子邮件可以在大量具有不同能力的客户端中呈现。这就像尝试为每种浏览器设计一个网站,然后将其乘以 10。
- 相当多的网络电子邮件客户端对 CSS 布局造成了严重破坏。
我发现了具有前景问题的div基于布局。
我们一直在做一些测试与客户通讯如何看待他们的计算机上,发现多数是使用在Outlook或邮件的布局显示,只有约45个字符的宽度。他们也懒得双击在新窗口中打开电子邮件或左右滚动。 一些内容比标志和文字这似乎有些其他的电子邮件更好的是,只有一个大的GIF的那些......
+1上的Campaign Monitor的建议。我也看到了很多来自艾玛精彩的内容。根据我的经验,越简单就可以使电子邮件通讯模板,就更好了。这是双真实的世界里,用户的增加比例以小屏幕阅读在移动设备上的消息。
在过去的时候,常常会使用页面布局表,谁创建的网页很多人还是更舒适的做这种方式。
由于詹姆斯说,最好的做法是使用CSS定位设施,页面布局除非它实际上是表格数据;但我个人经常发现很难得到我想要的CSS的影响。