关于自我总结的html5新特性

最近本包子制订了一个学校计划,第一步就是了解并总结一下html5现在所含有的新特性,好吧,这只是一个了解,- -!

自己总结了一个word文档,里面很多东西自己都还没实际用过,下一步,本包子要写pc端布局和移动端布局的区别,再次,希望对前端有兴趣的朋友们一起探讨,一起学习,一起进步  > o < ~~~

H5的新特性

1.html5语法要求声明Doctype,以确保浏览器以标准模式渲染页面。Doctype没有其他用途。

Html5中声明doctype的语法为<!Doctype html> 这不区分大小写。因为html4语法是基于SGML,所以需要引用DTD,而在新html5标准中,再也不需要引用DTD了,因为html5不再基于SGML。

2.html语法允许文档内嵌MathML和SVG元素

3.空元素br允许有一个结尾反斜扛

4.新标签的引入是为了更好的文档结构,section,article,main,aside,header,footer,figure

5.表单元素含有很多的新属性:input的type含有更多的新属性的值,例如tel,search,url,email,date,time,number,range,color,reset(重置)

6.Meat元素有了charset属性;ol元素有了reversed属性,他代表着列表的顺序是逆序

7.被废弃的元素:basefont,big,center,font,strike,tt。被废弃的原因是仅仅是用于展现层面的标签,他们用css处理更好  frame,frameset,noframes被废弃,因为他们有损可访问性和可用性

8.Html5为了帮web app的开发,引入了一些新的接口

9.表单限制验证接口,例如setCustomValidity,这个代表验证未通过的时候,提示的验证信息

10.引入应用缓存机制,允web app的离线API

11.允许Web App注册为对应协议或媒体类型的处理应用的APP的API(即regiesterProtocolHandler和regiesterContentHandler)

12.增加history接口,允许使用脚本无刷新更新页面的URL

13.Html5建立的一些规则:新特性应该基于html,css,dom以及js。减少对外部插件的需求,例如flash。更优秀的错误处理。更多取代脚本的标记。Html5应该独立于设备。开发进程应该对公众透明

14.Html5中一些有趣的新特性:用于绘画的canvas元素。用于媒介回放的video和audio元素。对本地离线存储的更好的支持。新的特殊内容元素。新的表单控件

15.Video的controls=“controls”这个属性控制视频播放的下面的声音控制,播放控制等等控制

16.Video中autoplay属性,代表,视频在页面加载完之后,准备就绪了,就自动开始播放,

17.Html5新增了一个拖放的新特性,也就是drag和drop

18.Html5新增了canvas画布,现在,越来越流行用canvas画图或做小游戏

19.Html5新增加的地理定位API  Geolocation,其中getCurrentposition()用来获得当前用户的位置

20.Html5新提供了2个在客户端存储数据的新方法   localStorage 没有时间限制的存储方法以及sessionStorage  是针对session的一个存储。之前是由cookie来存储,但是cookie不适合大量的数据存储   在本地存储的时候,可以使用,例如 localStorage.lastname=”xxx”

21.html5的新增了离线缓存,离线缓存含有一下三个优势:1,用户可以在离线的时候使用它们,也就是离线浏览2.对于已缓存的资源能加载的更快,提高了速度3.浏览器只从服务商下载更新过或更改过的资源,这样可以减少浏览器的负担。如果要启用应用缓存的话,那么在html标签中要包含manifest属性

22.新增webworker,这个我暂时还没做研究

上一篇:aspx后缀映射成html


下一篇:jQuery中下拉select、复选checkbox、单选radio的操作代码