如何使用href作为其内容在HTML中建立链接

时间:2015-01-05 10:19:36

标签: html hyperlink href

我认为很清楚,但这是一个例子:

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

代码创建了这个真正的链接:https://stackoverflow.com/

有更简单的方法吗?

4 个答案:

答案 0 :(得分:3)

我认为你需要类似的东西:

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

这看似合乎逻辑,但如果您想要自定义文本,例如POTATO,该怎么办?

这没有任何意义。

<a>POTATO</a>

链接中的文字实际上只是可点击的文字,而不是链接指向的位置。此外,您可以在链接或其他内容中包含图像。 href属性在HTML中非常重要。

这是对的:

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

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

在BBCode中,你可以拥有

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

翻译为

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

请注意,BBCode也允许

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

或者,用马铃薯的例子

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

您可以创建自己的解析器,使用正则表达式执行类似的操作,例如。使用preg_replace

答案 1 :(得分:2)

不,没有。您必须指定href属性才能将链接指向某个位置。您在<a>标记之间写的内容与实际链接(href)无关

答案 2 :(得分:1)

只需使用Jquery即可:

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

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

结帐本演示:http://jsbin.com/hajobewixu/1/

答案 3 :(得分:1)

<a> HTML元素表示一个锚点,它用于链接的两端。如果它具有name属性,则可以将其用作链接的目标。这对于目录表有用。 TOC中的链接指向页面内的各个部分。 href属性用于将<a>元素标记为链接源。

示例(TOC)

<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>,浏览器应该猜测你想要实现什么:链接源或目的地? (请注意,同时具有<a>href属性的name元素是来源,也是目标。由于namehref属性的有效值遵循一些规则,因此大多数情况下无法从<a>元素的内容中猜测它们。 无论如何,这不是HTML的工作方式。

对你的问题的简短回答:

不,在HTML中这是不可能的。您可以使用MarkdownTextile或其他文本处理语言来编写较少的标记;用这些语言编写的文档需要预先处理并转换为HTML才能发布。