HTML <details> open 属性 详解
HTML基础 2022-06-02 11:59:49小码哥的IT人生shichen
HTML <details> open 属性
实例
可见的 details 元素：
<details open="open">
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of phpcodeweb.</p>
</details>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>details open 属性</h1>
<details open>
<summary>Epcot 中心</summary>
<p>Epcot 是沃尔特迪斯尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性特别活动。</p>
</details>
<p>本例演示了默认打开的 details 元素。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
open 属性是一个布尔属性。
若设置，它规定 details 应该对用户可见（开放）。
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| open | 12.0 | 79.0 | 49.0 | 6.0 | 15.0 |
语法
<details open>