Saber2pr's Blog

列表

列表一共有三种,有序列表 ol、无序列表 ul、自定义列表 dl。

应用场景

列表展示。一系列符合特定规则的内容,就可以使用列表实现。(类似于数组) 常见于:用户列表、商品列表、搜索结果列表等。


无序列表 ul

ul>li 结构,内部列表无序号。

<ul>
  <li>这是条目</li>
  <li>这是条目</li>
  <li>这是条目</li>
</ul>

有序列表 ol

ol>li 结构,内部列表自动添加序号。

ol 常用属性:

  1. start:序号起始值
  2. 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>