details与summary标签使用

最新推荐文章于 2021-10-24 17:01:19 发布
最新推荐文章于 2021-10-24 17:01:19 发布
阅读量2.7k 收藏 1
点赞数
文章标签： HTML5新标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huzijia888/article/details/78511946
版权

<!doctype html>

<html>
<dead>
<meta charset="UTF-8">
</dead>
<body>
<details>
<summary>
HTML5
</summary>
<p>HTML5是下一代的 HTML标准，主要用在网页制作
</p>
</details>

</body>
</html>
菜鸟下山
关注
html-你不知道的＜summary＞ ＜details＞标签
liuhao9999的博客
06-24 277
html-你不知道的 标签
HTML中少用但非常实用的标签(sub,sup,small,legend,progress,details,summary,fieldset)
weixin_47596965的博客
07-09 1046
1、sub和sup标签 作用: <sub> 标签可定义下标文本。<sup> 可定义上标文本。都属于行内元素，默认比当前字体稍小 2、<optgrounp>标签 作用: 作用看图一目了然，当我们需要将select中的option相关选项组合在一起中时，可以使用<optgroup> Tip:需要搭配select使用 3、<small>标签让 作用： 标签内字体呈小一号的字体展示 4、<fieldset>标签 作用: 为<fiel
details标签和summary标签
weixin_34342905的博客
03-10 387
代码： <details open="open"> <summary>幸福度调查结果</summary> <p>对人们幸福度的调查</p> <ul> <li>很幸福 15%: <meter value="15" max="100" min="10" low="15" high="60"&...
HTML标签之 <details> 与 <summary>
奇舞周刊
03-24 2571
众所周知，HTML5已经出了很多年，其迭代版本都出到了HTML5.3。这其中有趣的 API 跟 标签有许多，这里就简单介绍两个：<details>跟<sum...
（details、summary元素）和figure，figcaption
qq_26270303的博客
07-01 638
details元素是一种用于标识该元素内部的子元素可以被展开、收缩显示的元素。  details元素具有一个布尔类型的open属性，当该值为true时，该元素内部的子  元素应该被展开显示，当该属性值为false时，其内部的子元素应该被收缩起来不  现实。该属性的默认值为false，当页面打开时其内部的子元素应该处于收缩状态。    summary元素从属于details元素，用鼠标点击summa...
HTML5的<details>和<summary>
yanglize的博客
07-20 4771
是一个全新的HTML5元素，功能是描述文档某个部分的细节。标记常与标记配合使用。在默认情况下，不显示中的内容。当与标记配合使用时，在单击标记后才会显示元素中设置的内容。元素的常用属性如下所示： 1）open:值为open，功能是定义details是否可见。 2）subject:值为sub_id，功能是设置元素所对应项目的ID号。 3）draggable:值为true或false，功能是设置是
第14章 details元素个summary元素
一直专注于互联网
11-29 190
&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;details&gt; &lt;summary
html使用了details没有效果,HTML5“Details”和“Summary”元素介绍
weixin_33737110的博客
06-03 1335
很多javascript库都为开发者提供了用于在页面上进行互动的组件。在HTML5中，同样也有一些可以用于互动的元素。在这篇文章中，我们将要介绍HTML5的和元素，这两个元素能够使HTML组件像手风琴一样进行折叠和展开。使用和元素元素可以在元素的任何地方使用。下面是一个非常简单的例子：Lorem ipsum dolor sit amet, consectetur adipisicing elit....
html details和summary
最新发布
03-16
details标签用于包含要折叠的内容，而summary标签用于显示在折叠内容之前的摘要或标题。用户可以单击summary标签来展开或折叠details标签中的内容。这种可折叠的内容块可以帮助网页设计者更好地组织页面内容，使页面...
三个不常用的HTML元素：<details>、<summary>、<dialog>
weixin_34238642的博客
12-30 99
前面的话 　　HTML5不仅新增了语义型区块级元素及表单类元素，也新增了一些其他的功能性元素，这些元素由于浏览器支持等各种原因，并没有被广泛使用   文档描述 　　&lt;details&gt;主要用于描述文档或文档某个部分的细节，与&lt;summary&gt;配合使用可以为&lt;details&gt;定义标题。标题是可见的，用户点击标题时，显示出details 　　[注意]这两个标...
html中的details与summary
xiaozhuangyumaotao的博客
04-29 3120
details的效果就像我们经常见到的“手风琴”样式，可以自由的折叠和展开，看几个例子。details可以使用在body元素内的任何地方。 1.details单独使用 <details> <p>菜单项1</p> <p>菜单项2</p> <p>菜单项3</p> ...
使用HTML5 details,summary实现，展开，下拉，树的效果
马优晨
01-29 8190
1-展开效果 HTML details class="details-2" open> summary tabindex="-1">a href="javascript:">这是示例a>summary> content>本案例隐藏原生小三角，使用自定义小三角。content>
markdown 语法大全
qq_41236493的博客
06-22 268
1.标题 副标题 小标题 2.字体 斜体字 黑体字 斜体加黑体 3.折叠 折叠长句 <details><summary> Boostnote是对应markdown记法的记事本，信息排序・共享的一种工具。</summary> Features - · Search function to find memos in ...
从头再来系列-Markdown基本语法
代码小郭的技术博客
07-25 3374
以下内容摘抄于网络 Markdown 简介 Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。 Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。 Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。 Markdown 编写的文档后缀为 .md, .markdown。 目前常用的编辑器如typora均支持markdown语法，编辑后可以直接预览。 标题 使用 # 号标记 使用 #.
浅谈 <details> 和 <summary>
weixin_33714884的博客
06-20 1137
那一天我二十一岁，在我一生的黄金时代，我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。 ——王小波《黄金时代》 简介 HTML5 引入的 <details> 元素好玩的一点是，用鼠标点点点，它包含的内容会在显示与隐藏之间切换。 代码就非常简单啦，这样的 <details> <div>你好啊</div> &l...
markdown语法一览
AJIOY的专栏
08-04 2119
markdown已被越来越多的互联网厂商支持，github、有道云、简书、CSDN等，默认都支持md语法，因为实在是太方便了，真正做到了排版与文字分离，让你专注在文字本身。
HTML5的页面元素及属性
qq_51088023的博客
10-24 1331
页面交互元素 1.details元素和summary元素 details元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details元素的第一个子元素，用于为details元素定义标题。标题是可见的，当用户单击标题时，会显示或隐藏details中的其他内容。其基本用法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
details标签，summary标签以及marquee标签
407指导员
10-16 1926
details标签和summary标签(5) details标签用于描述文档或文档某个部分的细节。 提示：与 summary标签配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。 summary 标签包含 details 元素的标题，“details” 元素用于描述有关文档或文档片段的详细信息。 summary标签后写详细信息。默认只显示标题，点击后显示详细信息。用于节约空间，网页太长体验不好。 <details> <summary&
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值