Html5 新特性

来源:互联网 发布:淘宝软文范例 编辑:程序博客网 时间:2024/06/06 02:49

Html5 新特性:

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

1. 视频

<video src="movie.ogg" controls="controls"></video>

vedio标签属性

2. 音频

<audio src="song.ogg" controls="controls"></audio>

3. 画布

<canvas id="myCanvas" width="200" height="100"></canvas>

audio标签属性

canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成:

<script type="text/javascript">    var c=document.getElementById("myCanvas");  //寻找 canvas 元素    var cxt=c.getContext("2d");  //创建 context 对象    cxt.fillStyle="#FF0000";    cxt.fillRect(0,0,150,75);</script>

Web 存储

两种在客户端存储数据的新方法:
1. localStorage :没有时间限制的数据存储
2. sessionStorage :针对一个 session 的数据存储

在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。

0 0
原创粉丝点击