<!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. JPush集成
			
    JPush SDK 收到推送,通过广播的方式,转发给开发者App,这样开发者就可以灵活地进行处理. 这个动作不是必须的.用户有需要才定义 Receiver 类来处理 SDK过来的广播. 如果不做这个动 ...
    
			
    2. 
						
  2. 二、JavaScript语言--JS基础--JavaScript进阶篇--选项卡切换效果
			
    利用JavaScript知识,实现选项卡切换的效果. 效果图: 文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居     200万内购五环三居 140万安家东三环     北京首现零首付楼 ...
    
			
    3. 
						
  3. python中获取当前日期在当月是第几天
			
    
			
    4. 
						
  4. jcaptcha组件小小改造解决Invalid ID, could not validate une
			
    https://my.oschina.net/chainlong/blog/192014
    
			
    5. 
						
  5. WPF框架MVVM简单例子
			
    MVVM是Model-View-ViewModel的缩写形式,它通常被用于WPF或Silverlight开发.Model——可以理解为带有字段,属性的类.View——可以理解为我们所看到的UI.Vie ...
    
			
    6. 
						
  6. ActiveMQ的几种消息持久化机制
			
    为了避免意外宕机以后丢失信息,需要做到重启后可以恢复消息队列,消息系统一般都会采用持久化机制. ActiveMQ的消息持久化机制有JDBC,AMQ,KahaDB和LevelDB,无论使用哪种持久化方式 ...
    
			
    7. 
						
  7. 【翻译七】java-同步
			
    Synchronization Threads communicate primarily by sharing access to fields and the objects reference  ...
    
			
    8. 
						
  8. 以16进制打印出一块内存buff
			
    如下代码(支持windows与Linux)会以[16进制][每行16字节]打印出一块内存的内容: void PrintBuffer(void* pBuff, unsigned int nLen) {  ...
    
			
    9. 
						
  9. dbca：Exception in thread "main" java.lang.UnsatisfiedLinkError: get
			
    在64位的操作系统安装oracle10g 软件安装完成后,使用dbca建库的时候报下面的错: $ dbcaUnsatisfiedLinkError exception loading native l ...
    
			
    10. 
						
  10. <转>ORA-06413 连接未打开错误
			
    ORA-06413 Connection not open.Cause: Unable to establish connection.Action: Use diagnostic procedure ...
    
			
    11.