"HTML details/summary：语义化折叠组件与无障碍实践"

概述`<details>` 提供开箱即用的折叠组件，`<summary>` 作为标题与触发器。原生支持键盘与读屏提示，适合 FAQ 与设置面板。可通过伪元素与样式定制外观。示例<details> <summary>更多设置</summary> <p>内容...</p> <button>保存</button> </details> 工程建议可访问性：`summary` 文案清晰；避免重写为非语义元素；保留焦点环。样式与行为：使用 `summary::marker` 定制指示符；必要时同步 `open` 状态到路由。兼容：在旧浏览器回退到自定义组件并维持 ARIA 行为。参考与验证MDN `<details>`/`<summary>` 文档：https://developer.mozilla.org/docs/Web/HTML/Element/details