3-11. details和summary标签-详情概要
2017-11-12 本文已影响5人
一Left一
1、作用：利用summary标签来描述概要信息, 利用details标签来描述详情信息
- 默认情况下是折叠展示, 想看见详情必须点击
- <details> 标签与 <summary> 标签 配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。
- <summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。
2、格式
<details>
<summary>概要信息</summary>
详情信息
</details>
<body>
<!--
details: 在网页空间有限的时候,要展示更多的内容
summary: 对要展示的详细内容的简单概述,如果没有这个标签,默认就是"详细信息"
details中只能有一个summary标签,多出来的当成普通文本
-->
<details>
<summary>吴京</summary>
1974年，吴京出生于北京一个武术世家，是满族正黄旗[7] 。6岁开始在北京市什刹海体校练习武术。1986年，开始随武术队参加国际交流活动，同年，获得全国武术比赛拳枪刀冠军[8] 。 1989年，进入北京市武术队，并在师傅吴彬的指导下接受专业训练[9] 。1991年，获得全国武术比赛枪术、对练冠军。1994年，获得全国武术比赛精英赛枪术、对练冠军[10] 。
<a href="#">ASHYAS</a>
</details>
</body>
图片.png
