将列表项包裹在锚点中是否合理?
我有一组图像,每个图像都有自己的链接。我希望图像位于列表中(
.. 等),并且每个项目都有不同的
背景图像
。
我会遇到这样的问题吗?
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
你最好这样写
然后你可以将
background-image
添加到a
或li
。但是,您可以将
a
设置为display:block
并赋予它们相同的高度
和
。这样背景图像就会显示,并且整个li
的宽度li
将是可点击的。You would do better to write it like this
Then you could add the
background-image
to either thea
or theli
.However, you would style the
a
s asdisplay:block
and give them the sameheight
andwidth
of theli
. That way the background-image would show and the entireli
would be clickable.它不是有效的 HTML,因为
元素中允许的唯一内容是
。
It is not valid HTML because the only thing allowed in an
<ul>
element is<li>
s.这不是有效的 HTML。
It's not valid HTML.