是否可以使用锚标记而不包括href属性,而是使用JavaScript单击事件处理程序?因此我将完全省略href,甚至不让它为空(href="")。
当前回答
我的建议是使用<a href="#"></a>
如果你正在使用JQuery,还记得使用:
.click(function(event){
event.preventDefault();
// Click code here...
});
其他回答
在HTML5中,使用不带href属性的a元素是有效的。它被认为是一个“占位符超链接”。
例子:
<a>previous</a>
在w3c锚标记参考页面上查找“占位符超链接”:https://www.w3.org/TR/2016/REC-html51-20161101/textlevel-semantics.html#the-a-element。
维基上也有提到: https://www.w3.org/wiki/Elements/a
占位符链接用于想要使用锚元素,但不让它导航到任何地方的情况。这对于在导航菜单或面包屑跟踪中标记当前页面非常方便。(旧的方法是使用span标记或带有名为“active”或“current”的类的锚标记来设置样式,并使用JavaScript来取消导航。)
如果您希望在运行时通过JavaScript动态设置链接的目的地,占位符链接也很有用。您只需设置href属性的值,锚标记就可以单击了。
参见:
https://stackoverflow.com/a/10510353/19112 http://www.html5in24hours.com/2012/06/8-ways-to-get-started-with-html5-today/ http://webdesign.about.com/od/html5tutorials/qt/html5-placeholder-links.htm
只需在您的工作组件中添加波纹管代码以删除此警告,就是这样。
/* eslint-disable jsx-a11y/anchor-is-valid */
我的建议是使用<a href="#"></a>
如果你正在使用JQuery,还记得使用:
.click(function(event){
event.preventDefault();
// Click code here...
});
如果你必须使用href来实现向后兼容性,你也可以使用
<a href="javascript:void(0)">link</a>
如果您不想使用该属性,则可以使用#
简单的回答:不。
长一点的回答:
首先,如果没有href属性,它就不是链接。如果它不是一个链接,那么它就不会是键盘(或呼吸开关,或各种其他不是基于指针的输入设备)可访问的(除非你使用HTML 5的tabindex功能,这不是普遍支持的)。控件不具有键盘访问权限是非常罕见的。
第二。当JavaScript无法运行时(因为从服务器加载很慢,Internet连接中断(例如移动火车上的移动信号),JS被关闭,等等),你应该有一个替代方案。
通过不引人注目的JS使用渐进增强。
推荐文章
- CSS/HTML:什么是使文本斜体的正确方法?
- 我如何才能在表中应用边界?
- 如何使一个DIV不包装?
- CSS div元素-如何显示水平滚动条只?
- 将Dropzone.js与其他字段集成到现有的HTML表单中
- 为什么标准迭代器范围是[begin, end]而不是[begin, end]?
- 使用“!”的含义是什么?重要的”?
- 资源解释为样式表,但以MIME类型text/html传输(似乎与web服务器无关)
- 复选框输入是否只在被选中时才发布数据?
- 是类型="文本/css"必须在<链接>标签?
- 如何将LaTeX与Markdown混合?
- 如何使<div>总是全屏?
- extern关键字对C函数的影响
- 如何中心div垂直内绝对定位的父div
- 创建一个可变长度的字符串,用重复字符填充