当 href 属性值是 url 编码时，链接不起作用答案

【问题标题】：Link doesn't work when href attribute value is url encoded当 href 属性值是 url 编码时，链接不起作用
【发布时间】：2016-09-26 16:53:38
【问题描述】：

为什么href属性值为url编码后链接失效？

我们不应该对其进行编码吗？在 Chrome 和 FF 中观察到相同的行为

作品

<!DOCTYPE html>
<html>
<body>

<p>Sweet fruit: <a href="http://google.com/search?q=banana">Banana</a></p>

</body>
</html>

不起作用

<!DOCTYPE html>
<html>
<body>

<p>Sweet fruit<a href="http%3A%2F%2Fgoogle.com%2Fsearch%3Fq%3Dbanana">Banana</a></p>

</body>
</html>

【问题讨论】：

【解决方案1】：

它是一个受保护的链接。这就是编码的工作方式 http://www.w3schools.com/tags/ref_urlencode.asp

这是你显示的链接，第一个被解码，第二个被编码。

http://google.com/search?q=banana http%3A%2F%2Fgoogle.com%2Fsearch%3Fq%3Dbanana

让我们看看

在这种情况下，“/”变成 %2F，“？”一个 %3F 和 "=" %3D

它是一种保护，因此无法使用该链接。 dns 无法读取。如您所见，第一个链接可点击，而第二个链接不可点击。

【讨论】：

【解决方案2】：

dns 找不到那个链接...

【讨论】：