HTML5学习心得
来源:互联网 发布:北京阿里云待遇 编辑:程序博客网 时间:2024/06/11 10:01
HTML5 是如何起步的?
HTML5 是 W3C 与 WHATWG 合作的结果。
新特性
HTML5 中的一些有趣的新特性:
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
什么是 Canvas?
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
音频格式
当前,audio 元素支持三种音频格式:
如何工作
如需在 HTML5 中播放音频,您所有需要的是:
<audio src="song.ogg" controls="controls"></audio>
control 属性供添加播放、暂停和音量控件。
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的:
如何工作
如需在 HTML5 中显示视频,您所有需要的是:
<video src="movie.ogg" controls="controls"></video>
TIY
control 属性供添加播放、暂停和音量控件。
包含宽度和高度属性也是不错的主意。
<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的:
视频格式
当前,video 元素支持两种视频格式:
Ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
Web 上的视频
直到现在,仍然不存在一项旨在网页上显示视频的标准。
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
- HTML5学习心得
- Html5学习心得
- html5学习心得1
- HTML5学习心得2
- HTML5学习心得3
- html5学习心得【缓慢更新】
- html5,css3 学习心得
- HTML5与CSS3学习心得
- CSS3 HTML5学习心得
- 李南江HTML5教程学习心得
- 2017/7/16 学习心得 html5
- 2017/7/19 学习心得 html5
- HTML5基础入门学习心得体会
- 学习心得
- 学习心得
- 学习心得
- 学习心得
- 学习心得
- Webgame 设计与开发 第三章基于导航网格的智能寻路系统设计
- ORA-600 [2662] Block SCN is ahead of Current SCN [ID 28929.1]
- 用dos命令删除顽固的文件
- Oracle优化的一些参数说明
- 学习制作DNF辅助
- HTML5学习心得
- Java注解
- urlwatch urlwatch
- 获得jar包存放路径的方法
- 查看asp网站时碰到的一些函数之类的(待续)
- 从grub中引导进入windows7的启动管理界面
- 鱼刺,卡在了舌头上
- 菜鸟体会:我的css之路 希望能够对那些和我一样挣扎的童鞋们一点体会
- 泛型