HTML5div相关知识,HTML5基础知识

HTML5 是最新的 HTML 标准；HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件；HTML5 拥有新的语义、图形以及多媒体元素；HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建；HTML5 是跨平台的，被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行；用于绘画的 canvas 元素；用于媒介回放的 video 和 audio 元素；对本地离线存储的更好的支持；新的特殊内容元素，比如；新的表单控件，比如 ； 元素提供了播放、暂停和音量控件来控制视频； 元素也提供了 width 和 height 属性控制视频的尺寸； 与 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的；

video 元素的三种视频格式：

Ogg：带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件；MPEG4：带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件；WebM：带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件；

video 元素的属性：

：要播放的视频的 URL；：设置视频播放器的宽度；：设置视频播放器的高度；：自动播放；：如果出现该属性，则向用户显示控件，比如播放按钮；：循环播放；：如果出现该属性，则视频在页面加载时进行加载，并预备播放，如果使用 "autoplay"，则忽略该属性；

video 元素的方法：

：暂停当前播放的视频；：开始播放视频；：重新加载视频元素；：检测浏览器是否能播放指定的视频类型；：向音频/视频添加新的文本轨道；HTML5 规定了在网页上嵌入音频元素的标准，即使用 元素；元素能够播放声音文件或者音频流；

audio元素的三种音频格式：

MP3：适用于Internet Explorer、Chrome、Safari 等浏览器；Wav：适用于Firefox、Opera等浏览器；Ogg：适用于Firefox、IE9、Chrome 浏览器；

audio元素的属性：

：要播放的音频的 URL；：自动播放；：如果出现该属性，则向用户显示控件；：循环播放；：如果出现该属性，则音频在页面加载时进行加载，并预备播放，如果使用 "autoplay"，则忽略该属性；

audio元素的方法：

：暂停当前播放的音频；：开始播放音频；：重新加载音频；

什么是 Canvas？

HTML5 的 canvas 元素通过 JavaScript 在网页上绘制图像，元素本身并没有绘制能力，它只是图形容器，必须使用脚本来绘制图形；canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法；创建一个画布

Canvas在HTML5 中的新属性有：

height：设置 canvas 的高度；width：设置 canvas 的宽度；

getElementById()：可返回对拥有指定 ID 的第一个对象的引用；

getContext()：返回一个用于在画布上绘图的环境，2d表示二维绘图；

beginPath()：开始一条路径，或重置当前的路径；

moveTo()：把路径移动到画布中的指定点，不创建线条。

lineTo()：添加一个新点，然后创建从该点到画布中最后指定点的线条(该方法并不会创建线条)；

closePath()：创建从当前点到开始点的路径；

strokeStyle属性：设置或返回用于笔触的颜色、渐变或模式；

stroke()：会实际地绘制出路径；

fillStyle属性：设置或返回用于填充绘画的颜色、渐变或模式；

fill()：填充当前的图像(路径)，默认颜色是黑色；