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

Question

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

<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？这个的语义方法是什么？

Answer 1

如果我理解正确的话，您希望 url 成为 link，但也显示为 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>

Answer 2

默认 link 样式需要 href 属性。

因为添加 css 似乎是一个问题我怀疑你可以使用 JS 但是如果你可以 here's a solution 那需要 css class .do-not-open以防止 links 打开。

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

What is the semantic HTML tag to display for URLs that are not links?

html

tags

url

semantics