把列表项包裹在锚点内是否可行？

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>

- tonyhh

---

那么它的替代方案是什么？ - tonyhh

你可以把链接放在 li 标签里面，对吧？ - Pekka

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，并给它们与li相同的height和width。这样背景图像就会显示出来，并且整个li都可以被点击。

- Jason Gennaro

Answer 2

这不是有效的HTML，因为在<ul>元素中只允许有<li>。

- hmakholm left over Monica

Answer 3

这不是有效的HTML。

<!ELEMENT UL - - (LI)+                 -- unordered list -->

- Pekka

---

好的，我会尽力为您翻译。以下是需要翻译的内容：只是好奇，这个语法是在哪里解释的？我在文档中读到了这个，但我自己并没有得出这意味着只有li标签可以是列表的子元素的结论。 - smilebomb