分享HTML中summary标签的介绍及用法

标签是HTML中最基本的单位，也是重要的组成部分。很多初学Web前端的人会发现，HTML5新增了很多新标签，今天，千锋武汉Web前端培训小编就给大家介绍其中的一个——summary标签，“summary”作为英文单词有“总结”的意思，那它作为HTML中的标签又是用来做什么的呢？接下来我们一起来看看HTML中summary标签的定义及用法。

一、summary标签的定义及用法

在HTML中，summary标签是HTML5中新增标签，是使用来为details元素定义一个可见的标题， 当用户点选该标题的时候，将显示出详细资讯。

summary标签必须和details标签配合使用，单独使用没有任何意义。

二、summar标签语法格式

标题详细资讯

说明：当点选summary标签中的标题时，将显示详细资讯。

三、例项

HTML5中summary标签的详细介绍

summary标签演示

HTML

超文字标记语言(Hyper Text Markup Language)，

标准通用标记语言下的一个应用。

执行结果：

以上就是千锋武汉Web前端培训小编关于HTML5中summary标签的详细介绍。想要快速掌握Web前端中的必备知识点，参加培训无疑是最有效的方式。千锋武汉Web前端培训采用全程面授模式，以实战专案驱动教学，通过三个阶段课程由浅入深地教学帮助学员形成一个体系的知识框架。

1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。

2、JavaScript高阶课程、PC端全栈专案开发。主要内容为原生JavaScript、面向物件进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典互动特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模组化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发互动功能，实现网站上的互动效果，以及模组化应用等，实现完整的前端工程。

3、Web前端框架、混合开发(Hybrid，RN)、大资料视觉化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大资料视觉化等。学习目标是可以独立完成相应的专案，如微信场景、应用Vue.js/Ionic/React.js等框架开发WebApp、微信小程式专案开发，以及各类混合应用专案开发等。

你也可以来千锋武汉Web前端培训申请两周的免费试听课，亲身实地感受高品质的面授教学。想了解更多Web前端行业动态和学习资料，可以关注“武汉千锋”微信公众号。