在 HTML 中，<details> 元素用于创建一个可展开的内容区域，用户可以点击标题来展开或收起该区域。在默认情况下，<details> 元素是关闭的，用户需要点击标题才能看到内容。但是，我们可以通过设置open属性来让<details>元素默认展开。
语法
<details open>
示例代码
<details open> <summary>点击展开</summary> <p>这是默认展开的内容</p> </details>
在这个示例中，<details> 元素默认展开，用户进入页面后就可以看到内容，而不需要点击标题来展开。
用途
提供默认展开的内容：有时候，我们希望某些内容默认展开，以便用户更容易获取信息。通过设置
open属性，我们可以实现这一目的。增强用户体验：在某些情况下，展开内容是非常重要的，比如展示重要信息或者提供更多细节。使用
<details>元素的open属性可以让用户更快速地获取这些信息。
兼容性
目前，大多数现代浏览器都支持<details>元素和open属性，包括 Chrome、Firefox、Safari 和 Edge。但是在一些较老的浏览器中可能不支持这些功能，所以在使用时需要注意兼容性。
总结
通过设置open属性，我们可以让<details>元素默认展开，提供更好的用户体验和更方便的信息获取方式。在实际开发中，根据需求合理使用<details>元素和open属性，可以让页面更具交互性和可读性。