details 切记这些标签需要结合summary一起使用。
summary标签
```
<summary>长城</summary>
<p>长城,别称万里长城,中国古代的军事防御工事,是一道高大、坚固而且连绵不断的、用以限隔敌骑行动的长垣,位于中国北方地区,总长度21196.18千米。
长城以城墙为主体,同大量的城、障、亭、标相结合,是世界文化遗产、全国重点文物保护单位、被誉为“世界中古七大奇迹之一”。</p>
</details>
```
效果:
![](https://img.kancloud.cn/61/6e/616ec2ebab86c7d9bd574822e1edcd22_1835x173.png)
- 无序标签<ui>,<li>
- 有序列表<ol><li>
- 定义列表标签<dl><dt><dd>
- 表格标签<table >,<tr>,<td>
- 表格分区<caption>,<thead >,<tbody >
- form表单提交
- <DIV><span>标签
- 新增7个布局标签(header footer main nav aside section article)
- 新增语义标签address(地图加载标签)
- 新增文字方向标签bdo标签
- 新增引用含义标签cite
- code标签
- details标签【折叠效果】
- pre标签【预保留格式标签】
- ruby标签【文字加汉语拼音】
- template【模板元素】
- form标签新增9个表单元素
- form标签新增元素属性(2)