在HTML中过度使用有序/无序列表
场景
我正在为一个项目检查我的一个devs HTML结构，我注意到他使用了一堆<div>元素来构建主导航。然后我注意到，在其中一个页面上，他使用了一个表来构建一个小测验类型的布局。
- Question <radio> <radio> <radio>
- Question <radio> <radio> <radio>最后，我看到了由一堆锚链接组成的页脚导航，这些链接包装在一个<div>中(在我的观点中还不错)。
作为一个完美主义者，我的团队工作质量，我告诉他重构所有这些部分，并将他们放在无序的列表。我说了
这些章节中的每一节实际上都是清单。问题列表、主导航链接列表和页脚链接列表。因此，您应该使用
<ul>。
他接受得很好，但说：“为什么？”你不是在违抗清单的目的吗，难道它不应该被用来作为要点吗？
我告诉他，这是一个很好的问题，但我只是遵循一个共同的做法和世界其他地区正在做什么。
所以在你看来，过度使用列表是不好的做法吗？
回答 5
Stack Overflow用户
发布于 2011-02-28 01:19:16
小测验的布局给我的印象是表格数据。我绝对会把它放在桌子上，特别是当单选按钮有可变长度的文本时。
对于其他人来说，你是对的:列表与“有要点”无关。List元素对于任何类型的信息清单都是正确的元素，不管默认情况下它们的样式如何。
一个不为人所知的HTML元素是dl for 定义列表。 --许多东西被放入uls中，在语义上更适合dls。不过，我自己从未使用过它--我也有把所有东西塞进uls的倾向。)
W3C页面中的一个示例：
<DL>
<DT>Dweeb
<DD>young excitable person who may mature
into a <EM>Nerd</EM> or <EM>Geek</EM>
<DT>Hacker
<DD>a clever programmer
<DT>Nerd
<DD>technically bright but socially inept person
</DL>Stack Overflow用户
发布于 2011-02-28 01:16:49
任何无序列表都应该在ul中。
任何有序列表都应该在ol中。
语义学是通过坚持这一实践清楚地表现出来的。
当然，也有例外。这就是一点常识会有所帮助的地方。例如，可能有人会认为一个站点的结构是一个大的无序列表([header, content, footer])，但我不建议这么做。
Stack Overflow用户
发布于 2011-02-28 01:21:19
在HTML 4中，使用列表构建导航是一种最佳实践，并不是因为每个人都在这样做，而是因为导航常常是列表本身。它们只是链接的列表。(有序列表在构建语义形式方面也非常有用。)
在HTML 5中，所有这些都被更具体的<nav>元素所取代。听起来就是这样。
https://stackoverflow.com/questions/5137320
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号