<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 列表: 无序列表:ul+li 列表类型+子项 无顺序的 有序列表:ol+li 列表类型+子类 有顺序的 自定义列表:dl+dt+dd 列表类型+标题+子项 ,一般用于网站底部,下面的服务支持等场景 快速生成代码: li*6:快速成功6个li标签 ul>li*6:前面加个ul>,表示在生成li之前有个层次关系,通过>实现.但是只是生成框架,里面的子项是空的,因此引出下面的生成代码 ul{子项内容}*生成数:如果想要子类内容出现随生成数变化的数字,可以在{}中加$ 优化到最后:ul>li{子项内容$}*生成数,可以一次性完成框架及内容的构建 --> <ul> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> <li>无序列表4</li> <li>无序列表5</li> </ul> <ol> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> <li>有序列表4</li> <li>有序列表5</li> </ol> <dl> <dt>标题1</dt> <dl>子项1</dl> <dl>子项2</dl> <dl>子项3</dl> <dl>子项4</dl> <dl>子项5</dl> </dl> <ol>好吃排行榜 <li>蔬菜</li> <ul> <li>子项1</li> <li>子项2</li> </ul> <li>水果</li> <ul> <li>子项1</li> <li>子项2</li> </ul> <li>肉</li> <ul> <li>子项1</li> <li>子项2</li> </ul> </ol> </body> </html>
原文：https://www.cnblogs.com/zhongzhouyun/p/10787760.html