11月份HTML5学习笔记(一)

1.什么是 HTML5？

• HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

• HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

• HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

2.HTML5 是如何起步的？

• HTML5 是 W3C 与 WHATWG 合作的结果。

• 编者注：W3C 指 World Wide Web Consortium，万维网联盟。

• 编者注：WHATWG 指 Web Hypertext Application Technology Working Group。

• WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

3.为 HTML5 建立的一些规则:

• 用于绘画的 canvas 元素

• 用于媒介回放的 video 和 audio 元素

• 对本地离线存储的更好的支持

• 新的特殊内容元素，比如 article、footer、header、nav、section

• 新的表单控件，比如 calendar、date、time、email、url、search

4.浏览器支持

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

---

元素

1.video(视屏)

• 支持的视屏格式:Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件(Firefox, Opera, Opera支持);MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件(IE    , Chrome, Safari支持);WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件(Firefox, Opera, Opera支持).

• 属性:

  注:括号内的是属性的值,以后同

  • autoplay(autoplay):如果出现该属性，则视频在就绪后马上播放。

  • controls(controls):如果出现该属性，则向用户显示控件，比如播放按钮。

  • height(pixels):设置视频播放器的高度。

  • loop:(loop):如果出现该属性，则当媒介文件完成播放后再次开始播放。

  • preload(preload):如果出现该属性，则视频在页面加载时进行加载，并预备播放。
    如果使用 "autoplay"，则忽略该属性。

  • src:(url):要播放的视频的 URL。