HTML5
HTML5新布局标签：
<header> 定义 section 或 page 的页眉，也就是定义头部的标签。
<footer> 定义 section 或 page 的页脚。
<article> 定义文章。
<aside> 定义页面内容之外的内容，比如可以用做网页内容旁边的导航栏工具栏等等。
<section> 定义 section，也就是网页的一块，类似div的作用。
<nav> 定义一条导航栏。
<canvas>您的浏览器版本过低，无法显示</canvas> //定义一个画布，用于描绘图像
//注意：canvas本身没有描绘的能力，需要配合js进行绘制
|
常用的方法： getcontext():返回一个对象，封装了很多绘图方法与属性 参数：“2d”,创建一个CanvasRenderingContext2D对象作为2D渲染的上下文。 rect(0,0,100,100):创建矩形，四个数组为x，y轴坐标，与长宽 fillRect(0,0,100,100):填充矩形，即有颜色的矩形 fillStyle ="red"; 设置绘画(填充)的颜色，渐变或模式 strokeRect(0,0,100,100); 绘制一个未填充的矩形，但是有边框 strokeStyle ="red"; 设置笔触的颜色，渐变或模式 shadowColor = "black";设置阴影颜色，默认会被挡住 shadowOffsetX=3;X轴偏移3 shadowOffsetY=5;Y轴偏移5 shadowBlur=3;阴影模糊度 createLinearGradient(x0,y0,x1,y1); 创建渐变色对象，从左到右，四个参数为开始的x，y轴与结束的xy轴坐标 gradient.addColorStop(stop,color); 规定渐变颜色，第一个参数为渐变的开始与结束位置，0.0-1.0之间，第二个为颜色，注意：是为创建的gradient对象设置颜色 createRadialGradient(x0,y0,r0,x1,y1,r1); 创建矩形渐变对象，并用放射状/圆形渐变进行填充; 参数：x0 渐变的开始圆的 x 坐标 y0 渐变的开始圆的 y 坐标 r0 开始圆的半径 x1 渐变的结束圆的 x 坐标 y1 渐变的结束圆的 y 坐标 r1 结束圆的半径 |
其他标签：
<figure> 定义媒介内容的分组(如：图片)，以及它们的标题，作用很像<dl>
<figcaption> 定义 figure 元素的标题。
例如：
|
<figure> <img src="img.gif" alt="figure标签" title="figure标签" /> <figcaption>figure的标题</figcaption> </figure> |
<mark> 定义有记号的文本。
<progress min='0' max='100' value='60' ></progress> //HTML5新增，进度条标签
<details></details> //用于描述文档或者文档某个部分的细节
例如：
|
<details> <summary>details标题</summary> <p>内容</p> </details> |
<meter min="0" max="100" value="81" low="20" high="80"></meter> //用于已知的最大与最小度量，类似与手机电池图标
Low/high 最低/高临界点，会发生效果变化
<datalist>定义选项列表，与input元素配合使用该元素，来定义input可能的值,类似搜索输入建议
datalist及其选项不会被显示出来，它仅仅是合法的输入值列表。
请使用input 元素的list 属性来绑定datalist。
|
<input type="text" list="number"> <datalist id="number"> <option>1</option> <option>2</option> <option>3</option> </datalist> |
<embed src="资源路径"> //用于引用内容，如插件，声音或视频，案例：将视频上传到优酷，引用
<canvas>您的浏览器版本过低，无法显示</canvas> //画布标签
新增属性：
<input type="email"> //表示类型邮箱，必须有@符号，后面也必须有值，否则不能提交
<input type="search"> //搜索框，与普通文本框区别不大
<input type="url"> //输入内容必须包含http://，后面必须有内容
<input type="color"> // 选择一个颜色，提交上去数据为16进制
<input type="number"> //只能选择数字，属性：min：当前域最小值；max：最大值；step：设置控件递增或递减大小
<input type=" range"> //允许用户选择一个范围的值，控件就是一个游标，属性：min：最小值；max：最大值；step：设置控件递增或递减大小，value值
<input type=" date"> //创建一个日期输入域
<input type=" time"> //创建一个时间输入域
<input type=" week"> //与日期类似，但是只能选择周
<input type="month"> //与日期类似，但是只能选择月
//注意：以上html5新增input的类型属性，ie浏览器统统不支持，但是win10自带me浏览器支持
<input type="file" multiple> //表示类型为多文件上传，multiple(HTML5新增)表示多个文件，不加为单个文件
<input type="text" placeholder="请输入用户名"> //默认提示
<input type="text" autofocus> //刷新完页面自动获取焦点
<input type="text" require> //内容不能为空
<input type="text" autocomplete ="off"> //关闭历史输入，默认为on
<input type="text" minlength="5" maxlength="11"> //最大字符与最小字符
其他一些小记：
<marquee >//滚动标签,注意，不是无缝的
<iframe> //框架结构标签
