HTML5总结及原理剖析

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/strongbill/article/details/78995174

html5中新增的特性

1.语义化标签,比如:<header> <footer> <article>等,可以使我们创建更友好的页面结构,便于搜索引擎抓取;

div是division的缩写,你在网页中写了大量的div,就算你写了class或是id,要一下子理解里面到底是什么还是很困难的。

2.多媒体标签,比如:<video> <audio>。可以让我们定义多媒体文件的类型和行为;
3.2D绘图,矢量图应用,<canvas> <svg> 标签可以让我们在网页上绘制复杂的图形和显示复杂的图形;
4.表单元素,属性,比如:number email autocomplete等,可以让我们规定表单元素的输入类型,长度,表单元素的行为;
5.拖拽事件,drag drop 事件可以让我们在网页上对元素进行拖放操作;
6.获取当前用于的地理位置,geolocation 可以让我们不依赖客户端就可以获取用户位置;
7.离线数据的存储,localStorage sessionStorage可以让开发者根据用户行为在客户端缓存数据,提高网站性能和用户体验;
8.Application Cache 可以让我们对Web应用进行缓存,离线时也可以访问,增加用户体验;
9.web worker 可以让我们脱离JavaScript是单线程的这个魔咒,而且web worker独立于其它的脚本不会影响页面性能;

猜你喜欢

转载自blog.csdn.net/strongbill/article/details/78995174