为非链接的 URL 显示的语义 HTML 标记是什么？答案

【问题标题】：What is the semantic HTML tag to display for URLs that are not links?为非链接的 URL 显示的语义 HTML 标记是什么？
【发布时间】：2015-09-08 01:20:55
【问题描述】：

我有一个以基本结构输出结果的搜索引擎插件：

<a href="page url">
    <div class="searchResult">
        <h3>Page title</h3>
        <p>Page url</p>
        <p>Page <meta> description</p>
    </div>
</a>

该插件旨在集成到现有网站中，因此它没有默认样式。但是，通过使用正确的语义 HTML 标签，即使没有 CSS，网站也应该可以使用。目前显示的 URL 与描述无法区分，并且在没有额外样式的情况下会显示为软件故障。

Google 使用 <cite> 标记，但在 HTML 5 中，<cite> 应该用作作品的标题，而不是 URL，因此这不是答案。

是否有 HTML 标记旨在显示除 <a> 以外的 URL，即不可点击的 URL？对此的语义方法是什么？

【问题讨论】：

使用<a>有什么问题？
@Anonymous 我的理解是“不是链接”部分意味着它是一个 URL，但不能点击导航到该页面。可能没有专门用于该目的的语义标签
@Anonymous Katana314 所说的 - 这是一个显示的链接，不应点击。我将进行编辑以澄清这一点。
你为什么不能只使用<p>

标签： html url tags semantics

【解决方案1】：

如果我对您的理解正确，您希望 url 作为链接但也显示为 url。为此，将 url 放入 a 标签中两次，如下所示：

这可以是目标页面所需的样式。

<style>
a {
color: blue;
text-decoration: underline; }
</style>

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

Edited to add:<br /><br />

<a>http://www.google.com/</a>

【讨论】：

感谢您的回答，对不起，我没有澄清，但我的意思是一个显示 URL 的标签，而不是可点击的。没有href 属性的<a> 标记是否会是一种显示URL 的“语义”方式，而无需实际创建链接？
显然如此。我已经编辑了我的答案，包括这样做。它确实在 a 标签中显示链接，而不是可点击。
我也可以毫无问题地设置 a 标签的样式。

【解决方案2】：

href 属性是默认链接样式所必需的。

由于添加 css 似乎是一个问题，我怀疑您是否可以使用 JS，但如果您可以使用 here's a solution，则需要 css 类 .do-not-open 以防止链接打开。

【讨论】：