2025-01-24 07:00:03

空href是否有效?

我们的一个web开发人员使用下面的html作为样式化下拉列表的占位符。

<a href="" class="arrow"></a>

这被认为是锚标签有效吗?

由于没有href值,它在我们的一些链接检查器报告中显示为broken。


当前回答

提醒一句:

根据我的经验,忽略href属性会导致可访问性问题,因为键盘导航将忽略它,并且永远不会像href存在时那样给予它焦点。手动在tabindex中包含元素是一种解决方法。

其他回答

提醒一句:

根据我的经验,忽略href属性会导致可访问性问题,因为键盘导航将忽略它,并且永远不会像href存在时那样给予它焦点。手动在tabindex中包含元素是一种解决方法。

正如其他人所说,这是有道理的。

但每种方法都有一些缺点:

Href ="#"在浏览器历史记录中添加了一个额外的条目(这在后退按钮时很烦人)。

Href =""重新加载页面

Href ="javascript:;"似乎没有任何问题(除了看起来乱七八糟和毫无意义)-有人知道吗?

它是有效的。

然而,标准的做法是使用href="#",有时也使用href="javascript:;"。

试着用<a href="#" class="arrow">代替。(注意尖锐的#字符)。

实际上,您可以让它为空(W3验证器不会抱怨)。

更进一步:去掉=""。这样做的好处是,链接不会被视为当前页面的锚。

<a href>sth</a>