<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>details</title>

</head>

<body>

<details>

  <summary>html5视频教程</summary>

    <p>CSS 我们可以大大提升网页开发的工作效率! 在我们的 CSS 教程中,您会学到如何使用 CSS 同时控制多重网页的样式和布局</p>

</details>

</body>

</html>






												


											
details和summary的更多相关文章
	

    
						
  1. details和summary可以对内容进行折叠
		
    使用<details>和<summary>元素 它可以在body的任意地方使用下面有一个小例子 <!DOCTYPE html> <html lang=&quo ...
    
		
    2. 
						
  2. 三个不常用的HTML元素：<details>、<summary>、<dialog>
		
    前面的话 HTML5不仅新增了语义型区块级元素及表单类元素,也新增了一些其他的功能性元素,这些元素由于浏览器支持等各种原因,并没有被广泛使用 文档描述 <details>主要用于描述文档或 ...
    
		
    3. 
								
  3. details和summary标签
		
    用于文档说明,有自带收缩.展开功能 <!DOCTYPE HTML> <html> <body> <details> <summary>HTM ...
    
		
    4. 
						
  4. html5中 input的pattern属性 和 details/summary元素
		
    html5--3.21 课程小结与其他新增元素 一.总结 一句话总结: input的pattern属性可以设置正则验证,比如检测学号的位数和数字区间 details/summary元素配合起来可以做元 ...
    
		
    5. 
						
  5. HTML5 <details> 标签
		
    HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息. 用法 一般情况下,details用来对显示在页面的内容做进一步骤解释.其展 ...
    
		
    6. 
						
  6. h5交互元素details标签
		
    details是h5新增的交互元素,details与 summary 标签配合使用可以为 details 定义标题.默认情况下,不显示 details 标记中的内容.当用户点击标题时,会显示出 det ...
    
		
    7. 
						
  7. HTML5每日一练之details展开收缩标签的应用
		
    details标签的出现,为我们带来了更好的用户体验,不必为这种收缩展开的效果再编写JS来实现.注:目前仅Chrome支持此标签. details有一个新增加的子标签——summary,当鼠标点击su ...
    
		
    8. 
						
  8. HTML 5 <details> 标签
		
    <details> 标签用于描述文档或文档某个部分的细节. <details> <summary>Copyright 2011.</summary> & ...
    
		
    9. 
						
  9. 读书笔记：《HTML5开发手册》--figure、time、details、mark
		
    这是补充HTML5基础知识的系列内容,其他为: 一.HTML5-- 新的结构元素 二.HTML5-- figure.time.details.mark 三.HTML5-- details活学活用 四. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ios 上下拉刷新
			
    UITableView:下拉刷新和上拉加载更多 - cDigger 时间 2013-11-24 02:00:00  博客园精华区 原文  http://www.cnblogs.com/lexingyu ...
    
			
    2. 
						
  2. 【2016-08-21】Linux内核版本编号规则简介
			
    我们已经了解可以使用下面的几天命令来查看Linux内核版本及Ubuntu发行版本的信息: uname -r uname -a cat /proc/version lsb-release -a 等等 可 ...
    
			
    3. 
						
  3. July 1st, Week 27th Friday, 2016
			
    It does not do to dwell on dreams, and forget to live. 不要生活在梦里,不要沉醉于空想而疏忽了生活. Stand straightly, and  ...
    
			
    4. 
						
  4. nohup命令
			
    nohup就是不挂起的意思( n ohang up). .nohup command 或者 nohup command & 这之间的差别是带&的命令行,即使terminal(终端)关闭 ...
    
			
    5. 
						
  5. [网络流24题]餐巾（cogs 461）
			
    [问题描述] 一个餐厅在相继的N天里,第i天需要Ri块餐巾(i=l,2,-,N).餐厅可以从三种途径获得餐巾. (1)购买新的餐巾,每块需p分: (2)把用过的餐巾送到快洗部,洗一块需m天,费用需f分 ...
    
			
    6. 
						
  6. 《Linux私房菜》笔记和问题记录
			
    鸟哥的Linux私房菜简体首页 对Linux的学习侧重于基本命令和运维相关的部分,最后章节的测试问题不错. 1.VIM程序编辑器 1.所有的Linux都会内建VI:很多软件的编辑接口都会主动呼叫VI: ...
    
			
    7. 
						
  7. VS使用技巧(转)
			
    转自http://www.cnblogs.com/xpvincent/p/3596553.html i. Ctrl-M-O 折叠所有方法 ii. Ctrl-M-P 展开所有方法并停止大纲显示(不可以再 ...
    
			
    8. 
						
  8. svn删除所有.svn文件
			
    svn 删除所有的 .svn文件 find . -name .svn -type d -exec rm -fr {} \;
    
			
    9. 
						
  9. C语言中do...while(0)的妙用
			
    在linux内核代码中,经常看到do...while(0)的宏,do...while(0)有很多作用,下面举出几个: 1.避免goto语句: 通常,如果一个函数开始要分配一些资源,然后如果在中途遇到错 ...
    
			
    10. 
						
  10. Thinkphp 解决写入配置文件的方法
			
    在/Application/Common/Common创建function.php,然后添加以下代码: <?php /** * [writeArr 写入配置文件方法] * @param [typ ...
    
			
    11.