列表标签定义

• 作用：给数据添加列表语义，告诉浏览器这是一个整体

分类

1. 无序列表（最多）（unordered list）
2. 有序列表（最少）（ ordered list）
3. 定义列表（其次）（definition list）

区别

• 无序列表无先后之分
• 有序列表有先后之分

格式

1. 无序列表

<ul>
  <li>条目内容</li>
</ul>

• li是list item的缩写
  意思是列表条目
• ul和li是一个整体组合，结合在一起使用
• ul标签中最好不要配合其他标签，但在li标签中可以添加其他标签丰富界面
  1.1 应用场景
  • 新闻列表
  • 商品列表
  • 导航条

2. 有序列表

<ol>
  <li>条目内容</li>
</ol>

• 除了语义不同，用法，注意点和ul差不多

3. 定义列表

<dl>
  <dt></dt>
  <dd></dd>
  <dt></dt>
  <dd></dd>
</dl>

• dt为英文definition title（定义列表标题）
• dd为英文definition description（定义标题对应的描述）
• 先通过dt标签定义列表所有标题，在通过dd标签定义标题内容
  3.1 应用场景
  • 网站尾部相关信息
  • 图文混排
• 和ul/ol一样，dt/dd是一个整体
• 一个dt可以没有对应的/有多个对应的dd，但不推荐，推荐一个dt对应一个dd
• 和li一样，可以在dt和dd标签中继续添加其他标签