html - 在线留言：对比对比

Question

我正忙着写一个在线聊天，虽然我使用哪一个并不重要，因为我可以用 CSS 为它们设置任何我想要的样式，我非常想使用最好的消息标签。

我的第一个想法是使用 an ，<ol>因为消息是按时间排序的。但是，Facebook 使用<ul>s，而 Google 聊天使用<div>s。Twitter 确实使用<ol>.

那么，哪个在语义上是正确的？而且，哪个最适合使用屏幕阅读器的用户？

Answer 1

div只要。<ul><ol>是列表。聊天消息不是有序列表，很明显。如果您在每条消息附近不需要项目符号/点/其他标记 - 它们也不是无序列表。

同样使用div您不需要重置列表的默认样式=您将编写的 CSS 代码更少。