HTML交互元素

2021-10-30 HTML HTML5 交互元素 details summary dialog 用户体验

details

<details> 标签用于描述文档或文档某个部分的细节。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE HTML>
<html>
<body>

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>

</body>
</html>

<details> 标签是 HTML 5 中的新标签，与 <summary> 标签配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。

summary

<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。

dialog

<dialog> 标签定义对话框或窗口。是 HTML 5 中的新标签，截止目前，多数浏览器并不支持。