html href和javascript href之间的区别

两者之间有什么区别

 <a href="link"><img src="img" /></a>

及

?

如果不启用js，第二个选项将无法工作，还有什么

---

UPD：是的，没有看到错误的引号。

一个区别是纯html href无法更改端口号。如果要链接到其他端口，必须使用js

on上的所有

处理程序都是基于javascript的，只有启用了javascript才能工作

你的第二句话是错的，应该是错的

<img src="img" onclick="self.location.href='link'" /> 



除了一个是html，另一个是javascript之外，两者都是相同的

这两个版本都有好处，但结果是相同的。
从用户体验来看，两种方法之间没有区别（如果将游标：指针样式应用于javascript方法）

然而，在不同的地区有显著的差异

语义。
在语义层面上，您不知道关联javascript的意图是什么。您知道，当您使用锚元素时。然后可以确定，这个元素（及其子元素）的目的是导航到其他地方

它引导我们进入第二个领域——搜索引擎优化。要正确索引页面爬虫，您需要知道它的结构是什么，以及页面是如何关联的。爬虫程序不解释javascript代码。它只使用HTML代码来分析你的网站

最后是可访问性。它与语义直接相关。例如，屏幕阅读器在锚元素和图像元素上的行为不同。他们根本不知道这个图像是一个导航元素。因此，用户的某些部分可能没有注意到存在锚

我的建议是不要在这种情况下使用javascript。锚元素是最好的选择。
我很确定第二个元素在启用JavaScript的情况下不起作用；看起来像是语法错误。不要使用onclick。这是在乞求联合国的可维护性。它在语义上也是不正确的。@Sukima:语义上是不正确的？他的意思是它的支持是
不，这不是我的意思。HTML描述内容的语义，在标记中添加逻辑（即onclick）没有帮助。将关注点分开。将代码放在JS文件中，将样式放在CSS文件中，将结构放在HTML中。这是不真实的：
那里有一个端口号。不需要仅使用javascript来更改端口。您也可以通过html属性来实现这一点。区别在于语义、搜索引擎优化和可访问性级别。
<img src="img" onclick="self.location.href='link'" />