没有 href 属性的锚标签安全吗？

Question

可以使用锚标记而不包含 href 属性，而是使用 JavaScript 单击事件处理程序吗？所以我会完全省略 href ，甚至不让它为空（ href="" ）。

原文由 john 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 HTML5 中，使用没有 href 属性的 a 元素是有效的。它被认为是“占位符超链接”。

例子：

 <a>previous</a>

在 w3c 锚标记参考页面上查找“占位符超链接”： https ://www.w3.org/TR/2016/REC-html51-20161101/textlevel-semantics.html#the-a-element。

并且这里的 wiki 上也提到了它： https ://www.w3.org/wiki/Elements/a

占位符链接适用于您想要使用锚元素但又不想让它导航到任何地方的情况。这对于在导航菜单或面包屑路径中标记当前页面非常方便。 （旧的方法是使用带有名为“active”或“current”的类的 span 标记或锚标记来设置样式，并使用 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

原文由 dthrasher 发布，翻译遵循 CC BY-SA 3.0 许可协议