HTML <summary> 标签 的详细用法

HTML <summary> 标签功能

<summary> 标签为 <details> 元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。

---

HTML <summary> 标签用法

使用 <summary> 元素：

<details>
    <summary>关于阿西河</summary>
    <ul>
        <li><p>阿西河网址是：www.axihe.com</p></li>
        <li><p>这是一个专注于大前端的网站.</p></li>
    </ul>
</details>

---

HTML <summary> 标签演示

<details>

<summary>关于阿西河</summary>
<ul>
    <li><p>阿西河网址是：www.axihe.com</p></li>
    <li><p>这是一个专注于大前端的网站.</p></li>
</ul>

</details>

---

浏览器支持

目前，只有 Chrome 和 Safari 6 支持 <summary> 标签。

---

标签定义及使用说明

---

HTML4 与 HTML5 之间的差异

<summary> 标签是 HTML5 中的新标签。

---

提示和注释

注释：<summary> 元素应该是 <details> 元素的第一个子元素。

---

全局属性

<summary> 标签支持 HTML 全局属性。

---

事件属性

<summary> 标签支持 HTML 事件属性

本文参考HTML中文帮助文档