<!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. mongodb3.2配置文件yaml格式 详解
			
    mongodb3.x版本后就是要yaml语法格式的配置文件,下面是yaml配置文件格式如下:官方yaml配置文件选项参考:https://docs.mongodb.org/manual/ ... #c ...
    
			
    2. 
						
  2. LTS学习
			
    下载 例子 安装部署zookeeper 运行根目录下的sh build.sh或build.cmd脚本 --> 会在dist目录下生成lts-{version}-bin文件夹(bin里有启动命令) ...
    
			
    3. 
						
  3. 设计模式学习之桥接模式（Bridge，结构型模式）（15）
			
    参考地址:http://terrylee.cnblogs.com/archive/2006/02/24/336652.html 概述 在软件系统中,某些类型由于自身的逻辑,它具有两个或多个维度的变化, ...
    
			
    4. 
						
  4. SQL数据字符串的拆分
			
    一.概述: MSSQL字符串的拆分没有封装太多常用的方式,所以如果向数据库中插入用特殊字符分割字符串(比如CB0$CB2$CB3,CB0$CB2$CB3)时就可能需要数据库能够分割字符串,SQL中拆分 ...
    
			
    5. 
						
  5. 【翻译十六】java-固定对象的定义方法
			
    A Strategy for Defining Immutable Objects The following rules define a simple strategy for creating  ...
    
			
    6. 
						
  6. 【JAVA常用类演示】
			
     一.java.lang.System类. public final class Systemextends Object 该类包含一些有用的类字段和方法.它不能被实例化. 在 System 类提供的 ...
    
			
    7. 
						
  7. js 上传文件后缀名的判断  var flag=false;应用
			
    js 上传文件后缀名的判断  var flag=false;应用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
    
			
    8. 
						
  8. php抓取网页信息
			
    index.php <?php include_once 'simple_html_dom.php'; //获取html数据转化为对象 $html = file_get_html('http:/ ...
    
			
    9. 
						
  9. ThinkPHP的field方法的用法总结
			
    ThinkPHP的连贯操作方法中field方法有很多的使用技巧,field方法主要目的是标识要返回或者操作的字段,下面详细道来. .用于查询 在查询操作中field方法是使用最频繁的. $Model- ...
    
			
    10. 
						
  10. NSArray 所有基础点示例
			
    #import <Foundation/Foundation.h> //排序算法,应用于 NSArray *arr=[arrs1 sortedArrayUsingFunction:sort ...
    
			
    11.