HTML5 <details> 标签
主题：HTML5 标签参考上一页|下一页
说明
<details> 元素表示一个控件，用户可以从该控件按需获取附加信息。 它可用于创建用户可以显示或隐藏（如展开和折叠）以检索附加信息或控件的交互式小部件。 任何类型的元素都可以放在 details 元素中。
下表总结了此标签的使用上下文和版本历史。
| Placement: | 块 |
|---|---|
| Content: | 块、内联和文本 |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | New in HTML5 |
语法
<details> 标签的基本语法如下：
HTML / XHTML: <details> ... </details>
下面的示例显示了 <details> 标签的作用。
<details>
<summary>What is HTML?</summary>
<p>HTML is a markup language for describing the structure of web pages.</p>
</details>注意：您可以（并且应该）在 <details> 元素内提供替代内容。 该内容将在不支持详细信息的旧浏览器和禁用 JavaScript 的浏览器中呈现。
标签特定属性
下表显示特定于 <details> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
open |
open | 此布尔属性指定详细信息是否在页面加载时对用户可见。 默认值为 false，因此将隐藏详细信息。 |
全局属性
The <details> 标签支持 HTML5 中的全局属性。
事件属性
The <details> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <details> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 文本格式.
相关标签： <bdo>.
Advertisements