Mobile Safari/iPhone Mail.app HTML设计问题：防止自动链接和设置自动链接的样式（日期、地址等）

我正在尝试设计一个HTML电子邮件，当它在移动设备上阅读时，它也应该看起来不错。我最大的问题是iPhone（ios4）：它的大部分未经记录的“自动链接”功能真的让我讨厌

自动链接似乎出现在屏幕上

• 电话号码（这是唯一记录在案的功能，如图所示）
• 地址
• 日期

有没有关于如何使用的文档

禁用日期和地址的自动链接

通过微格式或类似方式“纠正”自动链接（因此结果比iOS 4的实际效果更好）

---

非常感谢您提供任何信息、提示或线索，因为那里似乎没有任何信息。

我认为您不能像使用电话号码那样禁用地址和日期的自动链接，至少苹果的官方文档中没有

---

防止自动链接的一种方法是在内容中使用一些冗余标记。例如，您可以执行类似于

+61 3 777 8888

的操作，而不是写出

+61 3 777 8888

。虽然不是很优雅，但它可能会达到你想要的效果。

这个问题很久以前在这个帖子中就已经得到了回答，但我要向像我这样的所有其他SEO访问者重申

……根据：

---

我真的想出了一个窍门。这很可怕，但它是有效的。你可以在上阅读我关于它的帖子，但总的要点是数据检测器不会链接已经是HTML电子邮件链接的内容，因此你可以转向如下内容：

<span>Tuesday</span>

周二

进入：

这是一段可怕的代码，但它阻止了数据检测器的出现，但只有几个缺点，即难看的标记和邮件客户端在单击它时滚动到特定项目

---

尽管如此，我认为禁用数据检测器的时间非常有限。我收到一封电子邮件，上面列出了每周的天气预报，感觉没有用户会想在日历上标记这些信息，但我想说的是，如果你认为数据探测器确实有用，就不应该禁用它们。

我们也遇到了这个问题。为了禁用iOS上Safari中地址的格式检测，我们将地址包装在

结果仍然可以在iOS Safari中单击，但会以我们想要的颜色呈现

在其他浏览器中，链接是不可点击的，因为内联样式的颜色与现有文本相同，所以与周围的文本看起来没有任何不同。

<a href="#" style="color: #666666; text-decoration: none;pointer-events: none;">Boca Raton, FL 33487</a>

将颜色更改为与文本匹配的颜色，文本装饰将删除下划线，指针事件将阻止它像浏览器中的链接一样被查看

---

这是完美的HTML电子邮件在ios和浏览器

对于日期和地址，您可以通过插入例如零宽度实体来中断数据识别模式匹配。例如：

M​arch 30, 2013

---

在iOS Mail 4.3和6.0上进行了测试。

如果你能侥幸逃脱，用单引号括起来将禁用自动链接。这也适用于主题行，在主题行中，您不能使用HTML技巧。

我将此解决方案用于需要设置样式的自动链接

<span class="applelinksWhite">or call 1-666-12<span>3-456</span>7</span>

这样，AppLeNKS跨度涵盖了iOS设备的自动链接，并且我在文本字符串中间抛出一个基本跨度，以摆脱像Gmail这样的其他客户端。在石蕊中测试并全面工作

这适用于任何类型的自动链接。

创建

你可以用

仅适用于电话号码，，它将禁用所有电话链接；这可能不是你想做的

---

如果您不使用此元标记，可以使用CSS设置样式，根据需要更改链接颜色。对你不想连接的电话号码使用上述代码（

标签）。

经过一些研究，这种自动检测似乎可以追溯到1998年，当时“苹果数据检测器”被指出：@MightyE，z3cko已经知道禁用电话检测；他/她询问如何“禁用日期和地址的自动链接”。）@William Niu：正确，我想删除所有其他自动链接，因为它会产生错误的输出…谢谢你的回答，Terri Ann-我实际上在寻找一种方法来禁用所有自动链接，不仅仅是电话号码…iOS邮件应用程序仍然会超链接它。@chrisfinne-是的，但是你可以按照自己喜欢的方式设置它的样式。如果要删除下划线，请添加

style=“text decoration:none”

。@BeauSmith如Chris所述，这不适用于HTML电子邮件。至少在iOS 6.1邮件中，它仍然将其样式设置为蓝色下划线链接，覆盖元素样式。但是，我们成功地中断了日期识别，至少插入了零宽度实体。例如，M​；arch 302013除非我为地址添加一个

href=“#”

，否则这在iOS 8中不起作用。这对我来说成功了，只需更改颜色#000000这可能是最好的解决方案，至少在iOS 7中有效。这是最好的答案。由于

指针事件：无，单击它在iOS中不起任何作用我想知道这是否会增加垃圾邮件检测。但它确实有效。在iOS 6之前，我一直使用老式的身体属性，例如

<a href="#" style="color: #666666; text-decoration: none;pointer-events: none;">Boca Raton, FL 33487</a>

M&#x200b;arch 30, 2013

<span class="applelinksWhite">or call 1-666-12<span>3-456</span>7</span>

.applelinksWhite a {color:#ffffff !important; text-decoration:none;}