<!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. XStream xml to bean
			
    <!-- pom.xml --> <dependency> <groupId>com.thoughtworks.xstream</groupId> &l ...
    
			
    2. 
						
  2. JPush集成
			
    JPush SDK 收到推送,通过广播的方式,转发给开发者App,这样开发者就可以灵活地进行处理. 这个动作不是必须的.用户有需要才定义 Receiver 类来处理 SDK过来的广播. 如果不做这个动 ...
    
			
    3. 
						
  3. NYOJ题目168房间安排
			
    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAssAAAOTCAIAAADGwNmiAAAgAElEQVR4nOy9PY7cyLPufTchXwsZu9
    
			
    4. 
						
  4. 20145206邹京儒《Java程序设计》第4周学习总结
			
    20145206 <Java程序设计>第4周学习总结 教材学习内容总结 第六章 6.1 何谓继承 继承基本上就是避免多个类间重复定义共同行为 package cc.openhome; pu ...
    
			
    5. 
						
  5. Loadrunner之HTTP接口测试脚本实例
			
    接口测试的原理是通过测试程序模拟客户端向服务器发送请求报文,服务器接收请求报文后对相应的报文做出处理然后再把应答报文发送给客户端,客户端接收应答报文结果与预期结果进行比对的过程,接口测试可以通过Jav ...
    
			
    6. 
						
  6. Server.MapPath查询路径那几件事
			
    主要总结Server.MapPath 这个方法的使用以及使用的场景,不是什么时候都适合使用: 1.实现功能: Server.MapPath能够获取指定URL相对服务器的物理路径,在IIS服务端,能够根 ...
    
			
    7. 
						
  7. java中常用的工具类（三）
			
    继续分享java中常用的一些工具类.前两篇的文章中有人评论使用Apache 的lang包和IO包,或者Google的Guava库.后续的我会加上的!谢谢支持IT江湖 一.连接数据库的综合类       ...
    
			
    8. 
						
  8. Win10 for Phone 裁剪保存
			
    //StorageFolder savedPics = ApplicationData.Current.LocalFolder; //BitmapImage bi = new BitmapImage( ...
    
			
    9. 
						
  9. [Tools] 使用work2013发布博客
			
    参考园子里推荐的方式,觉得使用word发布挺好的,尝试了一下,还不错,记录下来备用   参考连接: http://www.cnblogs.com/liuxianan/archive/2013/04/1 ...
    
			
    10. 
						
  10. NuGet学习笔记(3) 搭建属于自己的NuGet服务器
			
    文章导读 创建NuGetServer Web站点 发布站点到IIS 添加本地站点到包包数据源 在上一篇NuGet学习笔记(2) 使用图形化界面打包自己的类库 中讲解了如何打包自己的类库,接下来进行最重 ...
    
			
    11.