最近和同学交流,说html5的新特性你知道多少呀?我突然一惊,觉得虽然我自己可能用过html5或者 css3的新特性
但是却不是特别的了解
所以今天决定自己总结一下用到的html5的新特性
1 html5的标签
<artical>标签
是新的html的标签,而且相当于定义了一个区间,规定一个范围
还增加了<header></header><footer></footer><aside></aside>这样的标签
我理解的是都和<div>差不都的效果,但是可能在查看代码的时候层次会更加清楚,所以增加了这样的标签
2 html5的存储
之前在做项目的时候,用到了cookies
因为可以确定过期时间 但是不是本地存储 存储的信息都在浏览器上
新增的标签是下面两个
在项目中本来想要使用sessionStorage,但是因为保存在内存中,一旦关闭页面就不会有存储信息
所以最后也放弃了这样的用法
3 html5的表单
html5的表单是大的特色,加入了几个有意思的标签
<datalist>标签 是用来给input框选项的标签,而且会相关有关键词的选项
datalist的id要和input的框的list需要对应起来
还有一个标签是<keygen>标签
是可以在客户端生成私钥 返回服务器公钥的一个用于表单的表单的密钥对生成器字段
4 html5的input框
新增加了很多类型的input框的type
让编程更加容易 更加方便
5 html缓存
html5新增了缓存机制
这样可以保证在没有网的情况下还能加载静态资源
并且在加载过一次的情况下可以加载的更加快
如需启用应用程序缓存,请在文档的<html> 标签中包含 manifest 属性:
<html manifest="demo .appcache">
...
</html>
每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。
manifest 文件的建议的文件扩展名是:".appcache"。