Html5 新特性

xiaoxiao2021-02-27  393

Html5 新特性:

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

1. 视频

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

2. 音频

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

3. 画布

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

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

转载请注明原文地址: https://www.6miu.com/read-1524.html

最新回复(0)