html5新特性

最近和同学交流,说html5的新特性你知道多少呀?我突然一惊,觉得虽然我自己可能用过html5或者 css3的新特性

但是却不是特别的了解

所以今天决定自己总结一下用到的html5的新特性

1 html5的标签

<artical>标签 

是新的html的标签,而且相当于定义了一个区间,规定一个范围

还增加了<header></header><footer></footer><aside></aside>这样的标签 

我理解的是都和<div>差不都的效果,但是可能在查看代码的时候层次会更加清楚,所以增加了这样的标签

2 html5的存储

之前在做项目的时候,用到了cookies

因为可以确定过期时间 但是不是本地存储 存储的信息都在浏览器上

新增的标签是下面两个

localStorage (用于长久保存整个网站的数据,保存的数据没有过期时间)
sessionStorage (用域临时的保存同一窗口的数据 在关闭窗口或者标签之后会删除这些数据)

在项目中本来想要使用sessionStorage,但是因为保存在内存中,一旦关闭页面就不会有存储信息

所以最后也放弃了这样的用法

3 html5的表单

html5的表单是大的特色,加入了几个有意思的标签

<datalist>标签 是用来给input框选项的标签,而且会相关有关键词的选项

datalist的id要和input的框的list需要对应起来

还有一个标签是<keygen>标签

是可以在客户端生成私钥 返回服务器公钥的一个用于表单的表单的密钥对生成器字段

4 html5的input框

新增加了很多类型的input框的type 

让编程更加容易 更加方便

5 html缓存

html5新增了缓存机制

这样可以保证在没有网的情况下还能加载静态资源

并且在加载过一次的情况下可以加载的更加快


如需启用应用程序缓存,请在文档的<html> 标签中包含 manifest 属性:

<!DOCTYPE HTML>
<html manifest="demo .appcache">
...
</html>

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。

manifest 文件的建议的文件扩展名是:".appcache"。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值