HTML电子邮件内部链接无法在Outlook和Gmail移动应用中使用

Question

设计HTML电子邮件时很痛苦。我已按照以下格式在HTML电子邮件中添加了回到顶部链接。

<!-- Define top -->
<a name="top" id="top"></a>

<!-- Display Link to top -->
<a href="#top">Back to Top</a>

这适用于Outlook桌面应用，但不适用于移动设备。有没有办法让它发挥作用。

Answer 1

这在Outlook 2013，IOS和Gmail中运行良好。我跑了一个测试只是为了看看会发生什么并发布代码：

• https://jsfiddle.net/wallyglenn/n9j2zjzq/

关闭电子邮件：

<a href="#C4">Jump to Chapter 4</a> <a name="C4"></a>

走到顶端：

<a name="top"></a> <a href="#top">Jump to Top</a>

有一些警告使用内部hrefs。

首先，您需要移动页面的电子邮件文档长度。在Gmail中，只有在我缩小窗口之后它才会起作用。

您需要在a name下方足够的文档空间才能使用。如果a name位于底线，除非您在其下方添加空格，否则页面将不会移动。

<a name>和<a href>区分大小写。如果它们不匹配，它将永远不会起作用。