html - 将列表项包裹在 anchor 中是否合理？

Question

我有一组图像，每个图像都有自己的链接。我希望图像在列表中(<ul><li> .. 等)并且每个项目都有不同的 background-image .

我会遇到这样的问题吗？

<ul>
<a href="#"><li class="1"></li></a>
<a href="#"><li class="2"></li></a>
<a href="#"><li class="3"></li></a>
<a href="#"><li class="4"></li></a>
<a href="#"><li class="5"></li></a>
<a href="#"><li class="6"></li></a>
</ul>

Answer 1

最好这样写

<ul>
<li class="1"><a href="#"></a></li>
<li class="2"><a href="#"></a></li>
<li class="3"><a href="#"></a></li>
</ul>

然后您可以将 background-image 添加到 a 或 li 中。

但是，您可以将 a 设置为 display:block 并赋予它们相同的 height 和li 的宽度。这样背景图像就会显示出来，整个 li 就可以点击了。