列表一共有三种,有序列表 ol、无序列表 ul、自定义列表 dl。
应用场景
列表展示。一系列符合特定规则的内容,就可以使用列表实现。(类似于数组) 常见于:用户列表、商品列表、搜索结果列表等。
无序列表 ul
ul>li 结构,内部列表无序号。
<ul>
<li>这是条目</li>
<li>这是条目</li>
<li>这是条目</li>
</ul>
有序列表 ol
ol>li 结构,内部列表自动添加序号。
ol 常用属性:
- start:序号起始值
- type:序号类型(阿拉伯数字、罗马、英文 abc)
<ol>
<li>这是1条目</li>
<li>这是2条目</li>
<li>这是3条目</li>
</ol>
自定义列表 dl
dl>dd 结构,dt 表示 dd 的标题。
<dl>
<dt>《美好的每一天》</dt>
<dd>一部很治愈人心的文字冒险游戏。</dd>
<dt>《对你说再见》</dt>
<dd>也是一部很治愈人心的文字冒险游戏。</dd>
</dl>