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

     2023-03-05     108

关键词:

【中文标题】是否普遍支持 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 标记。

【讨论】:

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

】是否有支持递归之类的javascript模板引擎?【英文标题】:Aretherejavascripttemplateenginesthatsupportsomethinglikerecursion?【发布时间】:2012-05-1408:08:47【问题描述】:我能想到的最明显的例子是输出嵌套的cmets。假设您有一棵cmets树,并且... 查看详情

如何为不受支持的客户端将 HTML 电子邮件中的 GIF 替换为不同的图像

】如何为不受支持的客户端将HTML电子邮件中的GIF替换为不同的图像【英文标题】:HowtoswapaGIFinanHTMLemailwithadifferentimageforunsupportedclients【发布时间】:2016-12-2622:11:57【问题描述】:我有一个客户希望我为他们创建一个HTML电子邮件... 查看详情

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

】mandrill模板电子邮件中的动态html【英文标题】:Dynamichtmlinmandrilltemplateemail【发布时间】:2013-10-2622:01:46【问题描述】:我正在尝试使用mc:edit在div中添加动态html表格字符串,但它没有呈现为html,它只在电子邮件中显示该字符... 查看详情

动态 Mandrill 模板是不是支持对集合进行迭代?

...【发布时间】:2014-11-2401:19:07【问题描述】:我想在我的电子邮件中添加动态内容,其中一部分是项目集合(例如书籍列表)。我希望Mandrill将这些项目中的每一个渲染一次(例如,每本书一个表格 查看详情

如何通过 django 中的contact.html 模板发送电子邮件

】如何通过django中的contact.html模板发送电子邮件【英文标题】:Howtosendemailthroughcontact.htmltemplateindjango【发布时间】:2020-11-1423:08:57【问题描述】:这是我的contact.html代码<divclass="col-lg-8">formclass="form-area"id="myForm"action="%url\'cont... 查看详情

如何把电子邮件格式改成html格式

...了。参考技术A将邮件格式更改为HTML、RTF或纯文本所有的电子邮件应用程序都不相同,因此您需要使用收件人的应用程序支持的邮件格式。MicrosoftOutlook提供了灵活的邮件格式,以满足不同情况下的需要。所选择的邮件格式决定了... 查看详情

电子邮件客户端支持 HTML 电子邮件中的 PNG 图像

】电子邮件客户端支持HTML电子邮件中的PNG图像【英文标题】:EmailclientsupportforPNGimagesinHTMLemail【发布时间】:2010-11-1318:31:35【问题描述】:以下电子邮件客户端会在HTML电子邮件中显示嵌入的PNG图像吗?。外表.美国在线.尤多拉.... 查看详情

是否可以在 Laravel 的 HTML 电子邮件中包含图像

】是否可以在Laravel的HTML电子邮件中包含图像【英文标题】:IsitpossibletoincludeanimageinaHTMLemailinLaravel【发布时间】:2015-06-0609:24:42【问题描述】:我目前正在尝试通过Laravel的Mail::send()发送HTML电子邮件。我使用的视图是Blade模板,... 查看详情

html 电子邮件中的背景图像 css - Gmail 不支持

】html电子邮件中的背景图像css-Gmail不支持【英文标题】:Background-imagecssinsideanhtmlemail-Gmaildoesnotsupport【发布时间】:2011-12-2208:45:34【问题描述】:我想向我的用户发送如下带有背景图像css的html正文电子邮件:<divstyle=\'width:500px... 查看详情

将变量传递给nodemailer中的html模板

...2204:31:16【问题描述】:我想使用html模板通过nodemailer发送电子邮件。在那个模板中,我需要动态注入一些变量,但我真的做不到。我的代码:varnodemailer=require(\'nodemailer\');varsmtpTransport=re 查看详情

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

】为电子邮件模板中动态添加的html代码设置样式【英文标题】:Setstylesfordynamicallyaddedhtmlcodeinemailtemplate【发布时间】:2015-09-1805:34:34【问题描述】:我目前正在开发一个响应式电子邮件模板,并面临如何设置动态添加的html代码... 查看详情

HTML 电子邮件 - 电子邮件中的表单形式的按钮

】HTML电子邮件-电子邮件中的表单形式的按钮【英文标题】:HTMLEmail-ButtonasaForminanEmail【发布时间】:2011-05-2705:33:28【问题描述】:想知道是否可以在HTML电子邮件中包含表单。我要做的就是将图像输入提交到贝宝购买页面。我希... 查看详情

如何跟踪自定义 html 模板 mailchimp 中的点击?

...间】:2014-08-1715:15:08【问题描述】:我为mailchimp创建HTML电子邮件模板。但是当我想在报告中查看点击跟踪时,请参阅:“抱歉,我们无法获得您要查找的统计信息。”我认为当我使用自定义html模板时,我们必须使用mailchimp标签... 查看详情

如何在 django 中编译保存在数据库中的模板

...布时间】:2019-01-2522:53:46【问题描述】:我正在构建一个电子邮件发送应用程序,我在数据库中存储了许多HTML模板,因此对于每个收件人,我需要通过合并HTML中的标签/占位符来自定义此模板,电子邮件模板示例<html>....Hello... 查看详情

支持 django 模板和 HTML/CSS 验证的编辑器或 IDE?

.../CSSvalidation?【发布时间】:2011-03-2102:06:18【问题描述】:是否有支持编辑django模板并能够验证HTML和CSS的IDE?要求:能够检测并突出显示CSS中的错误,例如:忘记关闭“”或无效的css属性能够使其学习新的css属性(如css3或特 查看详情

带有反应模板的电子伪造应用程序的 index.html 中的“未捕获的 ReferenceError:未定义要求”

】带有反应模板的电子伪造应用程序的index.html中的“未捕获的ReferenceError:未定义要求”【英文标题】:"UncaughtReferenceError:requireisnotdefined"inindex.htmlofelectron-forgeappwithreacttemplate【发布时间】:2020-11-2908:56:06【问题描述】:... 查看详情

HTML 电子邮件中的背景图像

】HTML电子邮件中的背景图像【英文标题】:BackgroundImagesinHTMLE-mails【发布时间】:2011-05-1608:34:25【问题描述】:是否可以在HTML电子邮件中使用图像背景,通过webmail以及本地安装的邮件客户端显示?谢谢。【问题讨论】:【参考... 查看详情

支持电子邮件格式:纯文本还是 HTML?

】支持电子邮件格式:纯文本还是HTML?【英文标题】:Supportemailformat:plain-textorHTML?【发布时间】:2011-01-1301:02:22【问题描述】:我必须发送有关系统事件(服务窗口、警报等)的计划支持通知电子邮件。我发现我从供应商那里... 查看详情