如何使用 html 将层次结构三角形插入电子邮件
How to insert a hierachy triangle into an email using html
我有一个网页可以根据模板自动发送电子邮件。
在那封电子邮件中,我想要一个层次结构三角形,它将使用页面中的一些数据。
页面生成结果;活动数量、约会数量、提案数量、交易数量。
所以在电子邮件中它应该有
三角形的顶部:活动数量 (100)
第二级:预约人数(30人)
第三级:提案数量(10)
底部:交易数量 (3)
我可以使用 HTML 吗?或者可能使用图像和叠加文本?
一种可能是将结果输出为 .svg 而不是标准图像。 SVG 基本上是 XML,大多数浏览器现在都可以完美呈现它们。它们创建起来非常简单,并且可以很好地与您描述的应用程序一样简单的东西一起使用。
这里是开始的好地方:
您可以在此处查看一些很棒的代码示例:
是的,但程度不及完整的浏览器。电子邮件客户端在 HTML 标签支持方面差异很大,因此请仅使用基本的 static HTML 标签,例如 div
、span
、a
,或 img
。要获得更多功能,您需要 link 到一个可能会向他们显示更多动态信息的页面。
那是说您可以只用图像、div、links 和文本做一个 lot。即使是拥有真正高级开发人员的最大公司也只是使用这些标签。
我有一个网页可以根据模板自动发送电子邮件。 在那封电子邮件中,我想要一个层次结构三角形,它将使用页面中的一些数据。 页面生成结果;活动数量、约会数量、提案数量、交易数量。 所以在电子邮件中它应该有 三角形的顶部:活动数量 (100) 第二级:预约人数(30人) 第三级:提案数量(10) 底部:交易数量 (3)
我可以使用 HTML 吗?或者可能使用图像和叠加文本?
一种可能是将结果输出为 .svg 而不是标准图像。 SVG 基本上是 XML,大多数浏览器现在都可以完美呈现它们。它们创建起来非常简单,并且可以很好地与您描述的应用程序一样简单的东西一起使用。
这里是开始的好地方:
您可以在此处查看一些很棒的代码示例:
是的,但程度不及完整的浏览器。电子邮件客户端在 HTML 标签支持方面差异很大,因此请仅使用基本的 static HTML 标签,例如 div
、span
、a
,或 img
。要获得更多功能,您需要 link 到一个可能会向他们显示更多动态信息的页面。
那是说您可以只用图像、div、links 和文本做一个 lot。即使是拥有真正高级开发人员的最大公司也只是使用这些标签。