<details>
展开收起
可以折叠展开的一块内容。
| 怎么写 | <details></details> |
|---|---|
| 闭合标签 | </details> |
| 空元素 | 不是 —— 必须闭合 |
| 常用属性 | open, name |
| 分类 | 展开收起 |
怎么看这一页
- 标签大多是开合成对的。只有 img、br 这种里面没内容的才不写闭合标签。
- 给空元素补一个 </br>，浏览器要么当没看见，要么给你多出一个空行。
- 长什么样由 CSS 说了算。标签说的是「这是什么」，加粗、倾斜只是随之而来的效果。
- 挑对语义的标签，搜索和读屏会一起变好。全用 div 包起来，这些信息就丢光了。
常见问题
Q. HTML 的 <details> 标签是做什么的？
可以折叠展开的一块内容。
Q. <details> 怎么写？
写成 <details></details> 这样。开合成对，<details> 配 </details>。
Q. <details> 常配哪些属性？
常和 open、name 一起用。
Q. <details> 属于哪一类？
属于展开收起这一类。