在线消息:<ul> vs <ol> vs <div> </div> </ol> </ul>

时间:2013-04-12 08:13:18

标签: html5 semantics

我正在忙着写一个在线聊天,虽然我使用它并不重要,因为我可以用CSS设置它们,但我非常喜欢使用最好的标签来发送消息。

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

那么,这在语义上是否正确? 而且,对于有屏幕阅读器的用户来说哪个最好?

1 个答案:

答案 0 :(得分:1)

div<ul><ol>是列表。聊天消息不是有序列表,很明显。如果您不需要在每条消息附近使用子弹/圆点/其他标记 - 它们也不是无序列表。

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