一、VS快捷键：
注释：ctrl+k+c ,取消：ctrl+k+u(了解)
调整格式：Ctrl+K+d
光标在左，选中行：shift+
end
删除：ctrl+delete
查询:ctrl+f
二、<audio src=”
2.mp3” controls=”controls”
autoplay=”autoplay” loop=”loop” id=
"amusic"></audio>
<video src=”
3.mp4” controls=”controls”
autoplay=”autoplay” loop=”loop”></viedo>
<source src=”
3.mp4”
type=”video/mpeg”/>
<source src=”
3.mp4”
type=”video/ogg”/>
<input
type=”button” value=”暂停” id=”dpause” onclick=”Pause()”/>
<input
type=”button” value=”开始” id=”dstart” onclick=”Start()”/>
<input
type=”button” value=”停止” id=”dstop” onclick=”Stop()”/>
<script>
Function Pause(){
document.getElementById(“amusic”).pause();
}
Function Start(){
document.getElementById(amusic”).play();
}
Function Stop(){
document.getElementById(“amusic”).pause();
document.getElementById(“amusic”).currentTime=
0;
}
三、 重要的标签:<canvas></canvas>：画板
四、 结构标签：
h是标题标签，group是组，合起来就是标题组合，这是个废弃的h5标签（了解）。
<hgroup>
<h1>hello</h1>
<h2>world</h2>
</hgroup>：一个元素里有多个层级.
figure（扮演角色）：一个独立的流内容：角色（图像、图表、代码等等）,用作文档中插图的图像。
<figure>
<p>黄浦江上的的卢浦大桥</p>
<img src=
"../images/美景.jpg" alt=
"">
</figure>
非结构标签：
给datalist一个id,通过input的list属性绑定id
<input
type="text" id=
"fruit" list=
"taglist"/>
<datalist id=”taglist”>
<option>苹果</option>
<option>橘子</option>
<option>西瓜</option>
</datalist>
summary：摘要
Details标签定义文档细节
<details>
<summary>Copyright
2011</summary>
<p>I love biancheng very much</p>
</details>
Menu标签定义列表(所有主流浏览器均不支持 menu 元素，废了)：
<menu>
<li>home</li>
<li>home</li>
<li>home</li>
</menu>
Mark高亮显示:
<mark>高亮显示</mark>
Time:时间放在<time></time>里面
<form>
<input
type=”email”/>
<input
type=”url/>
<input
type=”tel”/>
<input
type=”number” min=”
1” max=”
20” step=”
4”/>
<input
type=”range” min=”
1” max=”
20” step=”
4”/>
min允许规定的最小值，max允许规定最大值。
<input
type=”search”/>
<input
type=”color”/>
<input
type=”date”/>
<input
type=”month”/>
<input
type=”week”/>
<input
type=”time”/>
<input
type=”submit”/>
</from>
获取焦点：autofocus属性，自动获取焦点。
<input
type=”text” autofocus=”autofocus”/>
Form外也可以提交数据：给form添加一个id,当提交表单的时候，带有（from=
"form1"）的输入框里面的数据也能提交到
1.php里面去。
<form action=”
1.php” method=”get” id=”form1”>
</form>
<input
type=”text” name=”address1” form=”form1”/>
Form也可以改action的地址：在提交框中加一个属性：formaction
<form action=”
1.aspx”>
<input
type=”submit” value=”提交” formaction=”
2.aspx”/>
</form>
批量上传文件:
<input
type=”file” name=”img” multiple=”multiple”/>
支持自定义验证功能:邮箱为空可以提交表单，邮箱不为空并且格式不正确的话不能提交表单，会出现“请与请求的格式保持一致这样的字段”。
<form action=
"1.aspx">
请输入邮政编码:<input
type="text"
pattern=
"[0-9]{6}" title=
"请输入6位数的邮编"/>
<input
type="submit"/>
</form>
注意：输入不能为空，如果为空，表单提交不上去。
注意：添加required后，当鼠标放到输入框上时，会出现个“请填写此字段”这样的内容
<form action=
"1.aspx">
请输入邮政编码:<input
type="text" required=
"required"/>
<input
type="submit"/>
<input
type="text" placeholder=
"请输入用户名"/>
对p进行编辑，对p进行隐藏：p有contenteditable和hidden这两个属性
注意：content(内容) edit(编辑) able(能够）
<p contenteditable=
"true">这是一个可编辑的段落,
请试着编辑该文本</p>
<p hidden=
"hidden">这是一段可以隐藏的段落
"</p>
注意：tabindex这个属性，摁着tab键，选框依次到百度2，百度1，百度3，他的顺序和tabindex的顺序是一样的。
<a href="http:
<a href=
"http://www.baidu.com" tabindex=
"1">百度
2</a>
<a href=
"http://www.baidu.com" tabindex=
"3">百度
3</a>
注意：ol>li有序列表 其中ol有三个属性，
type,reversed,start。type的取值类型有：type='数字,a,A,i,I
" reversed(取反) start(从哪开始)
从第8行开始倒叙：
<ol type="1" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="I
" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="i
" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="A
" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="a
" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
异步加载：这一个没加载完另一个可以加载。
<head>
<title></title>
<script src="js/demo.js
" async="async
"></script>
<script src="js/demo1.js
" defer="defer
"</script>
</head>
1,本地储存
2,Canvas
3,iframe
