HTML <summary> 标签
例子
使用<summary>元素：
<details>
<summary>艾波卡特中心</summary>
<p>艾波卡特是华特迪士尼世界度假区的一个主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性特别活动。</p>
</details>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <summary> 标签定义可见的标题<details> 元素。可以单击标题来查看/隐藏详细信息。
笔记： 这<summary> 元素应该是<details>元素。
浏览器支持
表中的数字指定了完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <summary> | 12.0 | 79.0 | 49.0 | 6.0 | 15.0 |
全局属性
这 <summary> 标签还支持HTML 中的全局属性.
事件属性
这 <summary> 标签还支持HTML 中的事件属性.
更多示例
例子
使用 CSS 来设置样式<details>和<summary> ：
<html>
<style>
详细信息 > 摘要 {
填充：4px；
宽度：200px；
背景颜色：#eee；
边框：无；
盒子阴影： 1px 1px 2px #bbb;
光标：指针；
}
详细信息 > p {
背景颜色：#eee；
填充：4px；
边距：0；
盒子阴影： 1px 1px 2px #bbb;
}
</style>
<body>
<details>
<summary>艾波卡特中心</summary>
<p>艾波卡特是华特迪士尼世界度假区的一个主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性特别活动。</p>
</details>
</body>
</html>
亲自尝试 »
相关页面
HTML DOM 参考： 摘要对象
默认 CSS 设置
大多数浏览器会显示 <summary> 元素具有以下默认值：
概括 {
显示：块；
}
