- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
HTML5 教程
HTML5 教程
HHTTMMLL55教教程程
HTML 5 简介
HTML 5 简介
HHTTMMLL 55 简简介介
HTML5 HTML
HTML5 HTML
HHTTMMLL55 是下一代的 HHTTMMLL。
HTML5
HTML5
什么是 HHTTMMLL55?
HTML5 将成为 HTML、XHTML 以及 HTMLDOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5
HTML5
HHTTMMLL55 是如何起步的?
HTML5 是 W3C 与 WHATWG 合作的结果。
编者注:W3C 指 WorldWideWebConsortium,万维网联盟。
编者注:WHATWG 指 WebHypertextApplicationTechnologyWorkingGroup。
WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML2.0。在 2006 年,双
方决定进行合作,来创建一个新版本的 HTML。
为 HTML5 建立的一些规则:
• 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
• 减少对外部插件的需求(比如 Flash)
• 更优秀的错误处理
• 更多取代脚本的标记
• HTML5 应该独立于设备
• 开发进程应对公众透明
新特性
HTML5 中的一些有趣的新特性:
• 用于绘画的 canvas 元素
• 用于媒介回放的 video 和 audio 元素
• 对本地离线存储的更好的支持
• 新的特殊内容元素,比如 article、footer、header、nav、section
• 新的表单控件,比如 calendar、date、time、email、url、search
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer
9 将支持某些 HTML5 特性。
HTML 5 视频
HTML 5 视频
HHTTMMLL 55 视视频频
HTML5
HTML5
许多时髦的网站都提供视频。HHTTMMLL55 提供了展示视频的标准。
Web
Web
WWeebb 上的视频
直到现在,仍然不存在一项旨在网页上显示视频的标准。
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样
的插件。
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
视频格式
当前,video 元素支持两种视频格式:
InternetExplorer Firefox3.5 Opera10.5 Chrome3.0 Safari3.0
Ogg X X X
MPEG 4 X X
Ogg= 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4= 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
如何工作
如需在 HTML5 中显示视频,您所有需要的是:
videosrc=movie.ogg controls=controls
/video
control 属性供添加播放、暂停和音量控件。
包含宽度和高度属性也是不错的主意。
video 与 /video 之间插入的内容是供不支持 video 元素的浏览器显示的:
实例
videosrc=movie.ogg width=320height=240controls=controls
Yourbrowserdoesnotsupportthevideotag.
/video
上面的例子使用一个 Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏
文档评论(0)