html - 用 a 标签包围 li 标签是不好的做法吗？

Question

例如：

<ul>
<a href="http://google.com"><li id="someId"></li></a>
...
...
...
</ul>

这是我现有的 css 样式的快速破解。我想知道是否应该重构它并将 a 标签放在里面。

Answer 1

那是无效的 HTML。

不要这样做。

Answer 2

唯一允许作为 UL 子元素的元素是 LI。您必须将锚点包裹在 LI 的内容上，而不是 LI 本身。

即使 HTML5 的新规则允许在块级元素周围使用锚点，您仍然必须将锚点放在 LI 本身中。

Answer 3

如果解决方法是使<li>元素可点击，您可以在 上设置一个点击处理程序，<li>并使用一些 css 样式，使其看起来可点击。如果您使用的是 jQuery 库，则可以执行以下操作以将点击处理程序关联到<li>元素。

$("#someId").click(function(e) {
    // handle the click event here
});

如果您希望所有<li>元素都使用它，则可以基于可以标记到所有<li>元素的 css 类设置选择器。

Answer 4

下面是 HTML 的示例：但不知道您要完成什么。

<UL>
      <LI><A HREF="example.com">SomeID</A></LI>
</UL>