HTML <summary> 标签

实例

使用<summary>元素:

<details>
  <summary>Copyright 2018-2019.</summary>
  <p> - Copyright © 2018-2019 新手教程 uihtml.com All Rights Reserved.</p>
  <p>本网站上的所有内容和图形均来自互联网.</p>
</details>
运行 »

定义和用法

<summary> 标记定义 <details> 元素的可见标题.可以单击标题以查看/隐藏详细信息.


浏览器支持

表中的数字指定了完全支持该元素的第一个浏览器版本.

Element
<summary> 12.0 不支持 48.0 6.0 15.0

HTML 4.01和HTML5之间的差异

<summary> 标记是HTML5中的新标记.


提示和注意事项

注意: <summary> 元素应该是 <details> 元素的第一个子元素.


全局属性

<summary> 标记还支持HTML中的 全局属性 .


事件属性

<summary> 标记还支持HTML中的 事件属性 .


相关页面

HTML DOM参考: Summary对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <summary> 元素:

summary {
    display: block;
}