details和summary元素的使用

details元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details元素的第一个子元素，用于为details定义标题。

效果图：

当点击显示列表，效果如下图：

代码如下：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>details和summary元素的使用</title>
</head>
<body>
<details><summary>显示列表</summary><ul><li>列表1</li><li>列表2</li></ul>
</details>
</body>
</html>

声明：“来自于网络，如果侵犯著作权，请联系删除”

details和summary元素的使用相关推荐

html中的details与summary
details的效果就像我们经常见到的"手风琴"样式,可以自由的折叠和展开,看几个例子.details可以使用在body元素内的任何地方. 1.details单独使用 <de ...
details和summary
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
details和summary标签
用于文档说明,有自带收缩.展开功能 <!DOCTYPE HTML> <html> <body><details> <summary>HTML ...
零基础学习HTML(23)——section标签、article标签、details标签、summary标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php 官方资料鱼C课程案例库:https://ilovefishc.com/html5/ html5 ...
《 HTML5 》— HTML5页面元素及属性
HTML5页面元素及属性 1.无序列表-ul元素的使用 <!doctype html> <html> <head> <meta charset="u ...
尘埃落定性描写细节摘要_解释“细节”和“摘要”元素
尘埃落定性描写细节摘要开发了许多JavaScript库,以便为我们提供网站上的其他交互式小部件. 同样,HTML5还解释了许多流行的交互式组件,使它们成为本机Web功能. 在本文中,我们将研究一个称 ...
06-HTML5新增元素
HTML5新增元素 HTML5 增强的iframe元素 HTML5新增的srcdoc属性 HTML5新增的seamless属性 HTML5新增的sandbox属性 HTML5新增结构元素 articl ...
HTML5页面元素及属性
一.列表元素 1.ul元素 ul为无序列表,各个列表项之间没有顺序级别之分,通常是并列的,排序不分先后. 语法为: <ul><li>列表项1</li><li& ...
5.自动生成summary文件
自动生成Summary文件 gitbook安装参考官方文档: https://toolchain.gitbook.com/setup.html 方案1,julianxhokaxhiu/gitbook- ...

details和summary元素的使用

details元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details元素的第一个子元素，用于为details定义标题。

效果图：

当点击显示列表，效果如下图：

代码如下：

details和summary元素的使用相关推荐

最新文章

热门文章