html中的互动元素标签

html中的标签根据其语义可以分为9种类型，其中之一是互动元素标签。

这些元素都有个共同的特点，就是支持和用户进行交互，也就是它们都具有交互性。

它们是：menu、summary、details、dialog。

它们的语义是：

• menu：呈现了一组用户可执行或激活的命令(即菜单)，这既包含了可能出现在屏幕顶端的列表菜单，也包含了那些隐藏在按钮之下、当点击按钮后显示出来的文本菜单。
• details：可创建一个组件，仅在被切换成展开状态时，它才会显示内含的信息。
• summary：指定了details元素展开盒子的内容的摘要，标题或图例。
• dialog：定义对话框或窗口。

一些使用经验：

1. summary元素可为details元素提供概要或者标签。
2. details展现组件通常在屏幕上使用一个小三角形，旋转（或扭转）以表示打开/关闭的状态，三角形旁边有一个标签。summary 元素的内容被用来作为展示小部件的标签。

举例：

<details>
  <summary>Details</summary>
  我是内含信息！
</details>

效果如下：

注意：具有交互性的标签元素远远不止这些，比如a、button、input、select、textarea、form、label、fieldset、legend、optgroup、option、datalist、progress、meter，等等。

实际上，html标签根据其语义划分为9种类型，只是一个比较松散的分组，它并没有在这些类别的元素之间建立清晰的分隔。

有些标签会包含于不同的分组之下，而且，当我们遇到复杂细节时，有些元素还可能不是这些类别的任何成员。

但这样分组有助于定义和描述共同行为及相关规则。

所以，为了更加方便整理和记忆，每个元素标签都会根据它最常用的语义，只出现在一个分组里。