是否普遍支持 html 电子邮件模板中的 span 元素?

Posted

技术标签:

【中文标题】是否普遍支持 html 电子邮件模板中的 span 元素?【英文标题】:Is there universal support for a span element inside an html email template? 【发布时间】:2016-03-09 17:48:15 【问题描述】:

在表格内(即在 td 元素内)使用 span 元素是否安全?

我了解编写基于 html 的电子邮件模板可能是一个非常棘手的过程,尤其是当您必须考虑所有不同的电子邮件客户端和不同级别的支持时。一般的经验法则是将所有内容包装在嵌套表格中。

我了解 div、section、article、p 等元素无法在所有电子邮件客户端中很好地发挥作用。

【问题讨论】:

你怎么能有一个通用的答案?我认为你能做的最好的就是尝试和测试。 【参考方案1】:

Span 在 HTML 电子邮件开发中仍然占有一席之地。它不能以任何方式用于显示或高度/宽度,而只能用于字体样式和内容操作。

例如,它可用于增加或减少特定部分的字体、更改字体颜色、行高等。 (但请记住,它不会像 DIV 那样换行,因为它不是块元素)。

span 的另一个有用方面是将其包裹在图像周围以设置 ALT 文本的样式。

我发现最有用的方面是通过媒体查询隐藏/显示内容。

我确信还有其他用途,但始终在所有电子邮件环境中进行测试,因为支持充其量是不一致的 - 类似于 DIV 标记。

【讨论】:

以上是关于是否普遍支持 html 电子邮件模板中的 span 元素?的主要内容,如果未能解决你的问题,请参考以下文章

python的WEB框架Bottle,它的默认模板好像不直接支持变量含有HTML标记,

是否有支持递归之类的javascript模板引擎?

mandrill 模板电子邮件中的动态 html

Mandrill 支持 i18n 吗?

将 CSS 作为内联样式“编译”成 HTML

为电子邮件模板中动态添加的 html 代码设置样式