如何阻止 HTML 中的文本成为链接 - HTML

在 HTML 中，如果您在文本中输入 URL 或电子邮件地址，它们将自动转换为链接。但是，这可能并不总是您想要的。在此指南中，我们将介绍如何阻止 HTML 中的文本成为链接。

文字转义

在 HTML 中，您可以使用实体字符来转义特殊字符，这将防止浏览器将它们解释为 HTML 代码。为了防止链接，只需将 URL 或电子邮件地址转义为相应的实体字符。下面是一些常见的实体字符：

• < 表示 '<'
• > 表示 '>'
• & 表示 '&'
• " 表示 '"'

例如，如果您想在 HTML 中输入电子邮件地址，您可以使用实体字符 @：

<p>Contact us at example&#64;example.com</p>

在浏览器中呈现的文本看起来是：Contact us at example@example.com。

使用纯文本

如果您不想使用 HTML 链接而只是要显示 URL 或电子邮件地址，请使用纯文本。文本将不会自动转换为链接。

<p>To learn more, go to https://example.com</p>
<p>Contact us at example@example.com</p>

在浏览器中呈现的文本看起来是：

To learn more, go to https://example.com Contact us at example@example.com

CSS 属性

您还可以使用 CSS 属性 text-decoration: none 来去除链接的下划线。这将使链接看起来像常规文本。

<a href="https://example.com" style="text-decoration: none;">Link to Example</a>

在浏览器中呈现的文本看起来是：Link to Example。

JavaScript

如果您希望链接的默认行为不会发生，请使用 JavaScript 来阻止它。下面是一个示例：

<a href="#" onclick="event.preventDefault();">Link to Example</a>

在浏览器中呈现的文本看起来是：Link to Example。但是，单击此链接将不会导航到其他页面。

结论

以上是阻止 HTML 中的文本成为链接的几种方法。在实践中，您可能需要使用其中的一些技术来获得最佳结果。