H5

H5的新特性

①语义化标签

②本地存储(localStorage、sessionStorage、cookie)。
localStorage.setItem(“name”,arr);//保存数据
localStorage.getItem(“name”)//读取数据，也可以根据key值读取
localStorage.removeItem(key)//删除单个数据
localStorage.clear()//数据清空复制代码

sessionStorage是Storage类型的一个对象，拥有clear(),getItem(name),key(index),removeItem(name),setItem(name,value)方法

cookie的作用:主要用于保存登录信息

③播放音频文件的标签。
音频
视频复制代码

④Canvas
使用Javascript来绘制图像，canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成
<canvas id="myCanvas" width="200" height="100" style="1px solid #000000"></canvas>复制代码

⑤SVG绘图：一种使用XML描述2D图像的语言。

input和textarea的区别

<input>是单行文本框，不会换行。通过size属性指定显示字符长度，注意：当使用css限定了宽高，那么size属性就不再起作用了。有自己的value值，Maxlength属性指定文本框可以输入的最长长度。可以通过width和height设置宽高，但是也不会增加行数。
<input type="text" value="你好" Maxlength="10">复制代码
是多行文本输入框，文本区中可容纳无限数量的文本，无value属性，其中的文本默认字体是等宽字体(通常是Courier)，可通过cols和rows属性来规定textarea的尺寸，不过更好的办法是使用CSS的height和width属性。

<textarea cols="20" rows="30"></textarea>