html5

1. 本教程向您讲解 HTML5 中的新特性。

   http://www.w3school.com.cn/html5/index.asp

2.为 HTML5 建立的一些规则：
    •    新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
    •    减少对外部插件的需求（比如 Flash）
    •    更优秀的错误处理
    •    更多取代脚本的标记
    •    HTML5 应该独立于设备
    •    开发进程应对公众透明

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

3.html中大多数音视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。
   HTML5 规定了一种通过 video 元素来包含视频的标准方法。

 

  当前，video 元素支持三种视频格式：
 Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

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

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

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

4.

HTML5 规定了一种通过 audio 元素来包含音频的标准方法。

audio 元素能够播放声音文件或者音频流。

当前，audio 元素支持三种音频格式：Ogg Vorbis，MP3，Wav

示例
<audio controls="controls">
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

5.HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

   canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();

</script>

6.客户端存储数据
    HTML5 提供了两种在客户端存储数据的新方法：
    •    localStorage - 没有时间限制的数据存储
    •    sessionStorage - 针对一个 session 的数据存储
之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。
对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。
HTML5 使用 JavaScript 来存储和访问数据。

7.新的 Input 类型，提供了更好的输入控制和验证。