将列表项包裹在锚点中是否合理?

发布于 2024-12-02 16:25:57 字数 559 浏览 2 评论 0原文

我有一组图像,每个图像都有自己的链接。我希望图像位于列表中(

  • .. 等),并且每个项目都有不同的背景图像

我会遇到这样的问题吗?

<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>

I have a group of images which each have their own links. I want the images to be in a list (<ul><li> .. etc) and have each item have a different background-image.

Would I run into any issues with something like this?

<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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

姜生凉生 2024-12-09 16:25:57

你最好这样写

<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添加到ali

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

You would do better to write it like this

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

Then you could add the background-image to either the a or the li.

However, you would style the as as display:block and give them the same height and width of the li. That way the background-image would show and the entire li would be clickable.

花辞树 2024-12-09 16:25:57

它不是有效的 HTML,因为

    元素中允许的唯一内容是

It is not valid HTML because the only thing allowed in an <ul> element is <li>s.

べ繥欢鉨o。 2024-12-09 16:25:57

这不是有效的 HTML。

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

It's not valid HTML.

<!ELEMENT UL - - (LI)+                 -- unordered list -->
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文