您现在的位置：首页＞行业资讯

html5中summary标签的详细介绍--中享思途

在html5版本中，新增很多新标签，今天小编要介绍的就是其中一个，即summary标签。我们一起来学习summary标签的用法吧！
“summary”作为英文单词有“总结”的意思，那它作为html中的标签又是用来做什么的呢？接下来我们一起来看看html中summary标签的定义及用法吧！

青岛HTML5培训--中享思途

一、summary标签的定义及用法
在html中，summary标签是html5中新增标签，是使用来为details元素定义一个可见的标题，当用户点击该标题的时候，将显示出详细信息。
summary标签必须和details标签配合使用，单独使用没有任何意义。
二、summar标签语法格式
<details><summary>标题</summary>详细信息</details>
说明：当点击summary标签中的标题时，将显示详细信息。
三、实例
<!DOCTYPE html><html><head>
<meta charset="utf-8" />
<title>html5中summary标签的详细介绍</title>
</head>
<body style="background-color: bisque;">
<h3>summary标签演示</h3>
<details>
<summary>HTML</summary>
超文本标记语言(Hyper Text Markup Language)，<br>标准通用标记语言下的一个应用。
</details>
</body></html>
运行结果：