html5常用标签

1.header

header标签定义页面的页眉信息，一般写网页的logo啊，登陆部分

2.footer

footer标签用来定义页尾。一般写什么联系方式啊，网址备份啊，合作网站啊上面的

3.nav

定义导航链接。写导航条什么的。

4.canvas

画布，结合js在界面画一个东西出来

<canvas id="myCanvas" width="200px" height="100px"></canvas>
<script type="text/javascript">
    var c = document.getElementById("myCanvas");
    var cxt = c.getContext("2d");
    cxt.fillStyle = "blue";
    cxt.fillRect(0,0,150,75);
</script>

<canvas id=“myCanvas” width=“200px” height=“100px”></canvas>
创建一个这样长宽的画布，只是起创建画布的作用，具体绘画要在js中完成

var cxt = c.getContext(“2d”);
画布下面有一个getContext(“2d”)对象，getContext(“2d”) 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

cxt.fillStyle = “blue”;
fillStyle方法定义绘制的图形的背景色

cxt.fillRect(0,0,150,75);
fillRect 方法规定了形状、位置和尺寸。
从坐标（0，0）处即左上角画一个长150宽75的矩形

5.input

(html5定义了些常用的input的type属性，这里带着前面的一起复习了）

（尽量将input都放在表单form中，以便完成提交表单的操作）

html5之前的

1）text： 定义单行的输入字段，可扎起其中输入文本

2）password：定义密码字段，会显示自符掩码

3）file: 定义输入字段和“浏览”安按钮，供文件上传

4）radio： 定义单选按钮

5）checkbox：定义复选框

6）hidden： 定义隐藏的输入字段

7）button： 定义可点击按钮（多数情况下用于通过JavaScript脚本）

8）image： 定义图像形式的提交按钮

9）reset： 定义重置按钮，清除表单(form)所有内容

10）submit： 定义提交按钮，按钮会把表单(form)数据发送到服务器

下面是H5新加的：

1）color： 定义调色板

2）tel： 定义包含电话号码的输入域(只验证是否是11位数字，不验证是否为真的手机号，只在触屏网页中有效，点击输入框会弹出数字键)

3）email： 定义包含email的输入域，在手机上会调入英文键盘

4）url： 定义包含url的输入域（验证不标准，https、缺少//、www等都可验证通过）

5）search： 定义搜索域

6）number：定义包含数值的输入域,在手机上会调入数字键盘

7）range： 定义包含一定范围内数字值得输入域，
　　例：

<input type="range" min="0" max="10" step="0.5" value="6" />
　　max:规定允许最大值，
　　min：规定允许最小值，
　　step：规定合法的数字间隔，
　　value：规定默认值

8）date： 定义选取日、月、年的输入域

9）month： 定义选取月、年的输入域

10）week： 定义选取周、年的输入域（不带时区）

11）time： 定义选取上下午、时、分的输入域（不带时区）

12）datetime：定义选取时间、日、月、年的输入域（UTC时间 即世界协调时间）

13）datetime-local:定义选取时间、日、月、年的输入域（本地时间）

14）autofoucs：制定控件自动获得焦点（一个index文件只允许有一个控件有改属性）

<input type="text" autofoucs/>

6.video

<video src="movie.ogg" controls="controls"></video>

src跟img的src一样，指视频的url地址

controls 属性供添加播放、暂停和音量控件。

7.audio

<audio src="song.ogg" controls="controls"></audio>