Web速查-索引

summary

定义

<summary> 标签定义 <details> 元素的标题

summary 和 details 元素配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
</head>
<body>
<details>
<summary>《零基础入门学习Web》</summary>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
<details open>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
<details>
<p>配有同名书籍。</p>
<p>配有视频教程</p>
</details>
</body>
</html>
《零基础入门学习Web》

配有同名书籍。

配有视频教程

配有同名书籍。

配有视频教程

配有同名书籍。

配有视频教程

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
6.0 12.0 49.0 -