HTML5 分组
通常，我们一些排列组合，或者图文组合的区块，就需要用到分组标签。
列表 <ul> <ol>
无序列表
<ul>
<li>苹果</li>
<li>草莓</li>
<li>葡萄</li>
<li>西瓜</li>
</ul>效果
- 苹果
- 草莓
- 葡萄
- 西瓜
有序列表
<ol>
<li>苹果</li>
<li>草莓</li>
<li>葡萄</li>
<li>西瓜</li>
</ol>效果
- 苹果
- 草莓
- 葡萄
- 西瓜
分组 <dl>
代码
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>效果
- 标题
- 内容1
- 内容2
分组 <figure>
代码
<figure>
<img src="/public/home/img/hamburger.png">
<figcaption>汉堡包</figcaption>
</figure>效果
