21xrx.com
2024-12-19 11:46:21 Thursday
登录
  

HTML <details>标签

例子

使用<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新属性

属性属性值描述
openopen指定内容显示(open)给用户.

全局属性

<details>标签也支持HTML全局属性.

事件属性

<details>标签也支持HTML事件属性.

默认CSS设置

大多数浏览器将以下面的CSS样式来显示<details>元素:

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2