千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:武汉千锋IT培训  >  行业资讯  >  学武汉HTML5培训,summary标签的这些知识不得不知!

学武汉HTML5培训,summary标签的这些知识不得不知!

来源:千锋教育
发布人:lemon
时间: 2021-10-20 15:23:00

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

88

       一、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>

       运行结果:

图片1

       以上就是小千关于HTML5中summary标签的详细介绍。想要快速掌握Web前端中的必备知识点,参加千锋武汉HTML5培训无疑是最有效的方式。千锋武汉HTML5培训课程以实战项目驱动教学,课程引入阿里React+Dva+Umi课程,强化TypeScript,强化多端混合开发框架,强化 Node课程,强化ES规范语法实战,强化服务器端渲染,强化大数据可视化实战,强化Vue/React课程深度等。现在咨询更能领取两周免费试听课,让你亲身实地感受授课品质,了解学员学习情况。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

什么是web前端开发?在哪学效果比较好

2023-03-23

JAVA培训班多少钱?JAVA培训班费用的影响因素

2023-03-07

初学武汉Java培训常见的5个问题及解决方案!

2022-06-29

最新文章NEW

想转行学it会不会有更多的就业机会

2023-03-13

如何快速学习java?学习java主要学什么

2023-02-28

学java有什么用,怎样才能学好java

2023-02-23

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>