HTML <summary> 元素

HTML <summary> 元素用作 <details> 元素的内容的摘要，标题或图例。

使用 <summary> 元素：

<details>
  <summary>Copyright 2017.</summary>
  <p> - by mifengjc.com. All Rights Reserved.</p>
</details>

尝试一下 »

截图

使用 <summary> 元素

特性

允许的内容 短语内容或一个标题内容元素
标签省略 不允许，开始标签和结束标签都不能省略。
允许的父元素 <details> 元素。
允许的 ARIA 角色 button
DOM 接口 HTMLElement

属性

该元素只包含全局属性。

事件属性

<summary> 元素支持 HTML 的事件属性。

使用注意

<summary> 元素应该是 <details> 元素的第一个子元素。

如果 <details> 元素中省略了 <summary> 元素，将显示标题为 “详情信息”，如果是语言是英文，则为 “details”。

<summary> 的默认样式是 HTML 标准 中的 display：list-item。如果将样式更改为 display：block，则三角形将不会显示。有关详细信息，请参阅Bug 1283989。

更多实例

在 <details> 中省略 <summary> 元素

<details>总而言之，从下一行的链接中获取详细信息</details>

尝试一下 »

截图

在 <details> 中省略 <summary> 元素

有关 <summary> 的实例，请参阅 <details> 页面。

规范

规范 状态 备注
HTML Living Standard
<summary> 的定义		 现行的标准 -
HTML 5.1
<summary> 的定义		 推荐 初始定义

HTML 4.01 与 HTML5 之间的差异

<summary> 元素是 HTML5 中的新元素。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 12 不支持1 49 不支持 不支持 6

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 4 支持 不支持1 49 不支持 不支持 不支持

1. 开发中。

相关链接