锚链接仅在浏览器中有效，但在 HTML 电子邮件 (Outlook) 中无效答案

【问题标题】：Anchor links only working in browser but not in in HTML email (Outlook)锚链接仅在浏览器中有效，但在 HTML 电子邮件 (Outlook) 中无效
【发布时间】：2014-03-05 06:35:56
【问题描述】：

我有一封从 Windows 应用程序生成的 HTML 电子邮件。用于此的模板是在 .aspx 页面中设计的。该电子邮件在页面顶部有一些链接，这些链接应将用户带到同一电子邮件末尾的详细描述。这在浏览器中工作正常，但在 Outlook 中不起作用。

<a href="#Wickr raises $9 mln as Alsop Louie, Juniper Networks invest | Reuters">Wickr raises $9 mln as Alsop Louie, Juniper Networks invest | Reuters</a>

上面的锚标签，点击后应该到这里

<b id="Wickr raises $9 mln as Alsop Louie, Juniper Networks invest | Reuters" class="sectionheadline">Wickr raises $9 mln as Alsop Louie, Juniper Networks invest | Reuters</b>
<br>
in.reuters.com—March 03, 2014
<br>
<br>
&quot;BOSTON, March 3 (Reuters) - Alsop Louie Partners led a $9 million investment in Wickr, a San Francisco-based startup founded by privacy advocates in 2012 that produces a mobile app for sending self-destructing text, photo and video messages. Gilman...<br><br>.

在查看源代码中，标签中的 id 和标签中的 href 匹配，但在电子邮件中，当鼠标悬停在链接上时，地址有 '_' 而不是空格，这就是链接不起作用的原因。

【问题讨论】：

标签： html outlook

【解决方案1】：

所以你已经像这样编写了你的锚标签：

<a name="test">Wickr raises $9 mln</a>
<a href="#test>Wickr raises $9 mln</a>

这仍然不起作用？您还应该查看支持的浏览器的活动监视器。我有一段时间没有编写电子邮件了，但我记得这总是很麻烦。

【讨论】：

【解决方案2】：

id/name 属性就像一个变量名，为了获得更多的交叉兼容支持，它首先不应该有符号或空格。

想一想地址栏中的样子：

webpage.html#Wickr%20raises%20%249%20mln%20as%20Alsop%20Louie%2C%20Juniper%20Networks%20invest%20%7C%20Reuters%20

所以我猜愚蠢的答案是不要使用空格...话虽如此，我注意到 Outlook 和 winword 都会根据前缀“文件：”或“http：”以不同的方式编辑您的超链接。希望这会有所帮助。

【讨论】：

【解决方案3】：

我发现放置标签

<base href="" />

在 head 部分使用标准锚标记为我工作（Outlook 2013）。我在此页面上找到了此修复程序CampaignMonitor

【讨论】：

Outlook 2016 的任何解决方案？

【解决方案4】：

我在 Outlook2007 和 Outlook2013 中测试了以下代码。它有效。

锚标记：

<a href="#Test Link">Test Link</a>

还有目标：

<p><a name="Test Link"></a>Test Link</p>

【讨论】：

【解决方案5】：

虽然它们几乎适用于所有浏览器，support for anchor links is a mixed bag in email clients。尽管该链接说 Outlook 2007（2010 和 2013 相同）支持锚链接，但它们的行为充其量是不可靠的。

简化主播的<a href=""> 会增加您的覆盖范围。例如改变这样的事情：

<a href="#Wickr raises $9 mln as Alsop Louie, Juniper Networks invest | Reuters">Wickr raises $9 mln as Alsop Louie, Juniper Networks invest | Reuters</a>

到这里：

<a href="#first">Wickr raises $9 mln as Alsop Louie, Juniper Networks invest | Reuters</a>

电子邮件客户端可能会遇到空格和特殊字符。

【讨论】：

【解决方案6】：

示例 PDF

'<base href="" />'

在header中添加base标签，在anchor work中添加name属性

【讨论】：

【解决方案7】：

尝试始终在 URL 的开头提供http，如下所示，

<a href="http://www.website.com/"></a>

如果不是，它将无法在 Outlook 中工作。它对我有用。希望这会有所帮助！

【讨论】：