html5简介

最新推荐文章于 2019-06-23 22:45:28 发布

原创最新推荐文章于 2019-06-23 22:45:28 发布 · 272 阅读

0 ·

CC 4.0 BY-SA版权

HTML5 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了HTML5的一些关键新特性，包括canvas绘图、video和audio多媒体支持、新的结构化元素如article和section等。此外还介绍了浏览器对HTML5的支持情况及video标签的基本用法。

新特性

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search

浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

HTML5视频（音频 audio）

video 元素支持三种视频格式:Ogg\MPEG 4\WebM

如：

<video src="movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>

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

<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式：

<video width="320" height="240" controls="controls" loop="loop">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

loop="loop" 循环播放

方法：play() pause() load() canPlayType()

属性：ended paused