如何将href显示为文本呢?

时间:2012-05-17 11:04:08

标签: html anchor href

我想得到与下面相同的结果,但没有重复(相同的链接出现两次):

<html>
<body>
<a href="http://www.w3schools.com">http://www.w3schools.com</a>
</body>
</html>

是否可以在没有Javascript的静态HTML中使用?

5 个答案:

答案 0 :(得分:2)

你不能,你要么必须使用JavaScript,要么保持原样。

答案 1 :(得分:2)

不,HTML标准(a)只允许将某些内容放在href网址中,并且“请使用文字描述作为链接”标记不是一个那些东西。

它可能可能,我会告诉你,如果只是为了节省大量的重复。虽然大多数人可能会认为链接的文本描述应该比链接更具人性化。

例如,您不希望在您的网页中看到http://www.google.com/patents?id=vmidAAAAEBAJ&printsec=frontcover&dq=database&hl=en&sa=X&ei=tN-0T-TtKu3TmAWNq7DiDw&ved=0CDUQ6AEwAA: - )


(a):HTML4标准指定A元素here和URI规范here。类似地指定了HTML5,从here开始,符合href here的要求。

答案 2 :(得分:1)

您可以使用CSS选择器进行重复操作, 通过使用CSS中的attr函数。

您可以在样式表中添加以下内容:

a::after {
    content: attr(href);
}

以您在问题中的示例为例:

<html>
<style>
a::after {
        content:  attr(href);
}
</style>
<body>
    <a href="http://www.w3schools.com">Some text</a>
</body>
</html>

它会显示Some text之后的链接。

答案 3 :(得分:0)

实际上,格式化链接的好方法是:

<html>
<body>
<a href="http://www.w3schools.com">w3schools.com</a>
</body>
</html>

答案 4 :(得分:0)

不,没有办法只用静态html删除重复。

这也不是必要的。许多网页使用PHP或类似的东西,并在PHP中建立链接很容易:)

PHP示例:

<a href="<?php echo $item->link; ?>"><?php echo $item->link; ?></a>