列表的实现方式

• 在开发一个网页的过程中，很多数据都是以列表的形式存在的

• 事实上现在很多的列表功能采用了不同的方案来实现：

  • 方案一：使用 div 元素来实现 (比如汽车之家，知乎上的很多列表)
  • 方案二：使用列表元素，使用元素语义化的方式实现;

• 事实上现在很多的网站对于列表元素没有很强烈的偏好，更加不拘一格，按照自己的风格来布局：

  • 原因是列表元素默认的 CSS 样式，让它用起来不是非常方便;
  • 比如列表元素往往有很多的限制，ul/ol 中只能存放 li, li 再存放其他元素，默认样式等;
  • 虽然我们可以通过重置来解决，但是我们更喜欢自由的 div;

• HTML 提供了 3 组常用的用来展示列表的元素

  • 有序列表：ol、li
  • 无序列表：ul、li
  • 定义列表：dl、dt、dd