HTML <details>标签
定义和使用
<details>标签指定额外的信息,用户可以显示或隐藏.
<details>标签可以作为一个可交互的组件,用户可以打开或关闭.任何类型的内容都可以放在<Details>标记中.
<details>元素的内容默认是不可见的,除非设置open属性.
浏览器支持
表中的数字指定完全支持元素的第一个浏览器版本.
元素 | |||||
---|---|---|---|---|---|
<details> | 12.0 | 不支持 | 48.0 | 6.0 | 15.0 |
注意:<details>标签在Internet Explorer/Edge,或Safari 5和更早的版本里不支持.
HTML 4.01和HTML5之间的差异
<details>标签是HTML5的新标签.
提示和注意
提示:<summary>标签用来指定details标签的可见标题.标题可以被单击来显示或隐藏内容.
属性
=HTML5新属性
属性 | 属性值 | 描述 |
---|---|---|
open | open | 指定内容显示(open)给用户. |
全局属性
<details>标签也支持HTML全局属性.
事件属性
<details>标签也支持HTML事件属性.
默认CSS设置
大多数浏览器将以下面的CSS样式来显示<details>元素:
评论区