列表介绍

有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?使用场景是什么? 能否嵌套?

  • < ul>无序列表是一个列表,一般用在不需要区分内容前后顺序的信息列表中,默认用圆点,可以用list-style: none;去除。< ul>可以在< li>中添加嵌套。
    • < ol>有序列表是带有数字顺序的列表或列表项,常用在内容有明确的先后顺序的列表中,比如排行榜,默认样式用1.2.3.…标记
    • < dl>自定义列表类似于table,拥有表头,可以对列表项进行描述, 常用于需要分类描述的产品、信息等,列表项前没有标记。< dl>下的表头用< dt>,列表项用< dd>。

均可以嵌套,下面为示例
Paste_Image.png

文章目录
  1. 1. 有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?使用场景是什么? 能否嵌套?
,