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>

有一些关于内部href的警告。

首先，您需要电子邮件文档的长度才能移动页面。 在Gmail中，只有将窗口缩小后才能使用。

您需要在a name下方有足够的文档空间，以便底部工作。 如果a name位于底行，除非您在a name下方添加空格，否则该页面将不会移动。

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