一、浏览器支持

二、标签定义及使用说明

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

三、提示和注释

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

四、示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title>
</head>
<body><details><summary>点击展示我的简介</summary><p>我叫田根旺，是一名web前端开发工程师。</p><p>掌握HTML,CSS,less,sass,JS,jQuery,node.js,webpack,gulp,工程化,模块化,组件化,vue.js,React.js,uni-app,Flutter等前端技术。</p><p>掌握后端Java语言,jsp+Servlet技术，ssm框架，springboot框架，mysql数据库，navicat可视化工具使用</p><p>熟悉maven构建工具，git版本控制工具的使用。</p></details>
</body>
</html>

4.1点击前

4.2点击后

4.3GIF效果图

（20）HTML5 ＜summary＞标签相关推荐

html5新标签使用
HTML 5 视频标签<video> <video width="320" height="240" controls="contr ...
20 Java程序员面试宝典视频课程之HTML5新标签、功能
一.HTML5认识?(是什么,为什么) 答: 1.HTML5指的是包括 HTML . CSS 和 JavaScript 在内的一套技术组合. 2.HTML4陈旧不能满足日益发展的互联网需要,特别是移动 ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
HTML5 新标签总汇
HTML5 新标签总汇 2010-12-16 20:44 聂微东阅读(5060) 评论(8) 编辑收藏 HTML5新标签总汇: 有问题欢迎指出,有关于CSS3方面的知识点较多,下周一 ...
HTML5新增标签及废除标签整理
HTML5新增标签及废除标签整理(有些很偏就没有列出) 1>新增的标签 1>section元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分,其实就像div,比div更具 ...
HTML5移动开发的基础与技巧（一）HTML5新增标签及应用场景
HTML5移动开发 HTML5的发展 HTML5 是 W3C 与 WHATWG 合作的结果.WHATWG为 HTML5 建立的一些规则: 新特性应该基于 HTML.CSS.DOM 以及 JavaScr ...
c 嵌入html5 win7,Html5新标签解释及用法
2011-01-28 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的 ...
HTML5 details 标签
HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息. 用法一般情况下,details用来对显示在页面的内容做进一步骤解释.其展 ...
html5变动标签新写法,Html5新标签解释及用法
Html5新标签解释及用法发布时间:2012-02-17 22:50:45 作者:佚名我要评论 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1. ...
html5多大场景,HTML5新标签解释及其使用场景
我们来看一下HTML 5提供的一些新的标签用法和HTML 4的区别标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本,亦或是来自其他外部 ...

（20）HTML5 ＜summary＞标签

一、浏览器支持

二、标签定义及使用说明

三、提示和注释

四、示例

4.1点击前

4.2点击后

4.3GIF效果图

（20）HTML5 ＜summary＞标签相关推荐

最新文章

热门文章