html - 使用 <li> 而不是 <div> 创建 html "blocks"

标签 html css

我注意到在 Facebook 个人资料页面上,左栏(包含 AboutPhotos 等的栏)是作为有序列表实现的,每个“ block ”表示为列表项。

在我自己的元素中,我做过这类事情,但创建了多个 <div>同类的。

我不明白为什么 Facebook 选择这种方式。

有没有任何人知道的特殊原因?

我想一定有一些方便了解的优点。

最佳答案

这只是正确的做法。当存在应该像导航一样分组的元素时,将它们放在一个列表中会更清晰。屏幕阅读器、搜索引擎等也可以通过这种方式更好地理解您的内容。您可以通过 CSS 让事情看起来一样,但代码为视障人士、机器人等解释的方式是整体体验的关键。

关于html - 使用 <li> 而不是 <div> 创建 html "blocks",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20275547/

相关文章:

javascript - 为什么 Lightbox 会扩展我的网页?

javascript - 选择选项 onChange 仅更改一次

html - CSS - 将文本与 div 对齐

css - 为什么应用于 bootstrap.css 的更改在发布时不起作用,但在本地主机上起作用?

javascript - 响应式导航栏切换菜单 jQuery

Javascript 触发器 "right arrow"关键事件 - 强制取消选择标签

javascript - 如何修改 Google map URL 以显示一组标记位置?

html - 中间垂直对齐内联 block div

php - 未使用 WordPress 子主题 css

javascript - Magento 网站变形,页面元素频繁散落