html5的基本用法

1、map 标签 我们可以为图片添加事件，将一个图片分为几个区域添加事件，可以实现例如简单的地图，属性介绍

<area shape="circle" coords="180,150,10"> d定义其形状和坐标，可为area添加事件

2、视频标签《vedio》 当我们在网页打开视频是不需要加任何标签，只需要引入《 vedio》标签非常方便。例如<video src="电影.mp4"></video> ，只需要在 但src引入文件的路径，是格式支持不全

3、音频播放 <audio>标签可以播放歌曲等音频文件，<audio src="歌曲.mp3" ></audio>只要在src中引入音频的路径，使用非常简单，易懂。效果如图

4、支持拖拽，例如我们在页面中想要将一个图片拖拽到，指定的div中，我们可以设置图片可拖放属性draggable="true"，通过调用事件ondragstart 将指定的 s图片etData()到指定位置。实现代码如图

5、画布功能，可以说是html5的核心，我们可以js自定义的绘制自己想要的东西，首先我们要先定义一个<canvas id="myid

6、其次利用js完成在画板上的图形绘制，本例子以简单的线为例子 用getContext("2d") 创建html5内置对象，获取对象后调用cmoveTo(parm1,parm2); lineTo(parm1,parm2);  cxt.stroke();来绘制线，其中参数parm1和parm2位坐标点。效果如图