javascript - 正确的菜单标记(不是导航)

Question

我有一个用作菜单的元素列表(不是网站的导航，我已经排除了使用菜单标签的可能性，因为它的支持有限):

<ul>
    <li><img src="open-file.png"></li>
    <li><img src="delete-file.png"></li>
    ....

当你点击每一个时，javascript 会做一些事情。

最好的标记是什么，如果每个 li 包含一个按钮标签:

<li><button><img src="open-file.png"></button></li>

或者每个 li 应该是一个 anchor :

<li><a href="#"><img src="open-file.png"></a></li>

还是别的？

这里什么是语义正确的？

Answer 1

Unobtrusive JavaScript 的常用规则申请。

从有用的东西开始。用 JS 逐步增强它。

---

你能回退到一个链接吗？即如果 JS 失败，跟随链接是否是一个明智的后备？如果是这样:使用链接。

( <a href="#"> 是一个指向页面顶部的链接，对于除 JS 以外的几乎所有内容来说都是一个糟糕的解决方案，它可以将浏览器平滑地滚动到页面顶部。)

你能回退到表单提交吗？即，如果 JS 失败，您是否能够通过简单地提交表单来获得足够相似的效果？在表单中使用提交按钮。

有没有办法回退到没有 JavaScript 也能工作的东西？使用按钮。

理想情况下，使用 JS 生成该按钮，这样它就不会显示给肯定无法使用的人。

---

<img src="open-file.png">

顺便说一句。你的控件的唯一内容将是一个图像，你必须向用户传达控件的作用，所以你真的应该有 an alt attribute .