如何在 HTML 中制作一个以 href 作为其内容的 link

Question

我认为很清楚，但这里有一个例子：

<a href="https://whosebug.com/">https://whosebug.com/</a>

代码使这个真正的链接：https://whosebug.com/

有更简单的方法吗？

Answer 1

不，没有。您必须为 link 指定 href 属性才能引导到某处。您在 <a> 标签之间写的内容与实际的 link (href)

无关

Answer 2

我猜你想要这样的东西：

<a>http://whosebug.com/</a>

这看起来合乎逻辑，但如果您想要自定义文本，例如 POTATO，该怎么办？

这毫无意义。

<a>POTATO</a>

link 中的文字实际上只是可点击的文字，而不是 link 指向的位置。 另外，您可以在link，或者其他东西。 href 属性在 HTML 中真正重要。

这是对的：

<a href="http://whosebug.com/">http://whosebug.com/</a>
<a href="http://potato.com/">POTATO</a>

要做你想做的事情，最好的选择是使用某种预处理器，比如 BBCode 解析器（BBCode 是公告板上使用的格式）。

在 BBCode 中，您可以

[url]http://whosebug.com/[/url]

翻译成

<a href="http://whosebug.com/">http://whosebug.com/</a>

请注意，BBCode 还允许

[url=http://whosebug.com]Link text[/url]

或者，以土豆为例

[url=http://potato.com]POTATO[/url]

您可以制作自己的解析器来执行与正则表达式类似的操作，例如。使用 preg_replace.

Answer 3

简单地使用Jquery你可以如下：

<script>
    $(document).ready(function(){
      $("a").each(function(){
        $(this).text($(this).attr("href"))
      })
    })
  </script>

在此解决方案中，您只需将 hyperlink 代码编写为 <a href="http://foo.com"></a>，然后上面的代码会将 http://foo.com 设置为 link 的文本。

查看此演示：http://jsbin.com/hajobewixu/1/

Answer 4

<a> HTML 元素表示锚点，用于 link 的两端。如果它具有 name 属性，那么它可以用作 link 的目标。这对于目录 f.e 很有用。 TOC 中的 links 指向页面内的各个部分。 href 属性用于将 <a> 元素标记为 link.

的来源

示例（目录）

<ul>
    <li><a href="#chapter1">Introduction</a></li>
    <li><a href="#chapter2">Blah, blah, blah</a></li>
    <li><a href="#chapter3">Conclusion</a></li>
</ul>


<h1><a name="chapter1">Introduction</a></h1>
<p>Some text here</a>

<h1><a name="chapter2">Blah, blah, blah</a></h1>
<p>Some other text here</a>

<h1><a name="chapter3">Conclusion</a></h1>
<p>No, there is no simpler way to specify a link.</a>

如果您只写 <a>something here</a> 浏览器应该猜测您想要实现什么：link 来源还是目的地？（请注意，具有 href 和 name 属性的 <a> 元素是源也是目标）。由于 name 和 href 属性的有效值都遵循一些规则，因此大多数情况下无法从 <a> 元素的内容中猜出它们。 无论如何，这不是 HTML 的工作方式。

您问题的简短回答：

不，在 HTML 中这是不可能的。您可以使用 Markdown, Textile 或其他文本处理语言来编写更少的标记；用这些语言编写的文档需要进行预处理并转换为 HTML 才能发布。

如何在 HTML 中制作一个以 href 作为其内容的 link

How to make a link in HTML with href as its content

html

href

hyperlink

您问题的简短回答：