HTML

双标签，定义一个区域

div+css进行布局

双标签, 标题

从一级标题到六级标题，字体从大到小

双标签，文章段落

<p>这是一个段落</p>

双标签 , 分割水平线

双标签 , 有序列表

双标签,  无序列表

列表项目以圆点排列，li标识一个项目

去除默认样式

双标签 , 列表项

双标签， 定义列表

dt

dd

双标签，用于定义表格

th

tr

td

caption

tbody

thead

tfoot

双标签，创建表单

属性

子标签

双标签，内联框架

属性

双标签，预留文本格式

保留空格和换行，适合保存计算机代码

双标签，相关元素，定义一段常引用的文本，经常使用缩进来表示

cite用于指定该引用文本的原地址

双标签，定义地址，斜体方式表示这段文字

兄弟关系：margin-bottom和margin-top会产生叠压

父级关系：子级的第一个元素的margin-top会传递给它的父级

双标签，一行文字

用于设置一些小的CSS样式

双标签，超链接

属性

获取指定key所存储的value值

返回列表中对应对应索引的key值

返回key/value对列表的长度

从storage中删除一个对应的键值对

将value存储到key指定的字段

一处storage中所有key/value 对

定义文档中的节。比如章节、页眉、页脚或文档中的其他部分。一般用于成节
的内容，会在文档流中开始一个新的节

他是一个特殊的section标签，它比section具有更明确的语义，它代表一个
独立的、完整的相关被熔块，可独立于页面其它内容使用

此标签代表页面的一个部分，表示页面中导航链接的部分

它用来装载非正文的内容，被视为页面里面的一个单独的部分。
它包含的内容与页面的主要内容是分开的，可以被删除，而不会影响到
网页的内容、章节或是页面所要传达的信息

hgroup标签是对网页或区段section 的标题元素（h1~h6）进行组合

定义section或文档的页脚，包含了与页面、文章或是部分内容有关信息

定义文档的页眉，通常是一些引导和导航信息

用于对元素进行组合。多用于图片与图片描述组合

定义带有记号的文本，需要突出显示文本时使用<mark>标签

标签定义运行中的任务进度（进程）

表示时间日期值

此标签规定了用户可见的或者隐藏的需求的补充细节

定义选项列表。请与input元素配合使用该元素，来定义input可能的值

此标签定义ruby注释，往往与<rt>和<rp>标签一起配合使用

表示菜单列表

command标签可以定义用户可能调用的命令（比如单选按钮、复选框或按钮）

定义用于email地址的字段

定义用于输入URL的字段

定义用于输入数字的字段

定义用于精确值不重要的输入数字的控件

date：定义date控件。month：定义month和year控件（不带时区）。
week：定义week和year控件。time：定义用于输入时间的控件。
datemate：定义date和time控件，基于UTC时区。
datetime-local：定义date和time控件，不带时区。

定义用于输入搜索字符串的文本字段

定义用于输入电话号码的字段

定义拾色器

autocomplete

autofocus

form

新增的表单重写属性

新增的height和width属性

list

新增min、max和step属性

multiple

pattern

placeholder

required

datalist元素用于为输入提供一个可选列表，用户可以直接选择
列表中的某一项，从而免去了输入的麻烦

keygen元素是秘钥对生成器，能够使用户验证更为可靠。用户提交
表单时会生成两个键，一个私钥，一个公钥，私钥保存客户端而公
钥会发送到服务端

output元素用于浏览器中显示计算结果式脚本输出，包含完整的开
始和结束标签。语法：<output name="">text</output>

autocomplete

novalidate

添加canvas元素，定义id属性以便使用

使用id寻找canvas元素

通过canvas元素的getContext方法获取上下文（context）
创建Context对象，以获取允许进行绘制的2D环境

使用JavaScript脚本进行绘制

beginPath()

moveTo()

lineTo()

stroke()

相关属性

arcTo()

quardraticCurveTo()

bezierCurveTo()

miter

round

bevel

rect(X,Y)

arc() 起始角度为0，终止角度为2*PI

要填充图形，需要用fillStyle属性设置填充图形用的颜色，然后
使用fill()方法完成对图形的填充。默认为黑色。

shadowColor

shadowBlur

shadowOffsetX

shadowoffsetY

globaAlpha属性设置或返回绘图的当前透明值。
属性值必须是介于0.0（完全透明）与1.0（不透明）之间的数字

首先使用createLinearGradient（）方法创建canvasGradient对象，语法如下
var grad = context.createLinearGradient(X1,Y1,X2,Y2);
然后使用addColorStop方法定义色标的位置并上色。
grad.addColor(position,color);其中参数position为渐变中色标的相对位置（偏移量）

首先使用createRadialGradient（）方法创建canvasGradient对象，语法如下
var grad = context.createRadialGradient(X1,Y1,R1,X2,Y2,R2);其中
X1,Y1,R1定义一个以（X1，Y1）为原点、半径为R1的圆。
X2,Y2,R2定义一个以（X2,Y2)为原点、半径为R2的圆。
然后使用addColorStop方法定义色标的位置并上色。
grad.addColor(position,color);其中参数position为渐变中色标的相对位置（偏移量）

用上下对象创建createPattern()方法创建一个图案填充对象，语法如下：
context.createPattern(image,type);
其中type必须为下面字符串之一：repeat、repeat-X、repeat-Y、no-repeat

context.drawImage(imageObj,x,y);

context.drawImage(imageObj,x,y,width,height);

context.drawImage(imageObj,sx,sy,sw,sh,dx,dy,dw,dh);

context.fillText(Text,x1,y1);

设置文本的字体、大小和样式

设置文本颜色

描绘文本边缘

绘制文本对齐

文本度量

文本换行

移动坐标空间

旋转坐标空间

缩放图形

保存与恢复canvas状态

图形的组合

clip()方法从原始画布中剪切任意形状和尺寸

src

autoplay

controls

loop

canPlayType()

load()

pause()

play()