一、什么是html5?
1)是HTML的第五个版本,为最新的 HTML 标准;
2)是专门为承载丰富的 web 内容而设计的,并且无需额外插件;
3)拥有新的语义、图形以及多媒体元素;
4)提供的新元素和新的 API 简化了 web 应用程序的搭建;
5)是跨平台的,被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。
二、html5与html的区别?
1)文档类型声明区别
在HTML 5中,Doctype声明非常简单易用,Doctype声明在HTML中太长且复杂
如:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。
如:<!DOCTYPE html>
2)矢量图形的区别
HTML5支持SVG,画布和其他虚拟矢量图形,而在HTML中,只有将它与Flash,Silver-light等不同技术结合在一起才能使用矢量图形。
3)音频和视频支持的区别
HTML如果不使用Flash播放器支持,它不支持音频和视频。HTML5使用<audio>和<video>标签来支持音频和视频控制。
4)结构语义区别
html:没有体现结构语义化的标签,如:<div id="nav"></div>
html5:添加了许多具有语义化的标签,如:<article>、<aside>、<audio>、<bdi>...
相对于HTML,HTML5中新增和修改了一些元素。
5)语法的处理
HTML无法处理不准确的语法;HTML5能够处理不准确的语法。
6)HTML5新增了新的表单控件,例如:日期和时间,电子邮件,数字,范围,电话,网址,搜索等。
7)charset,async和ping的属性是HTML 5的一部分,HTML中不存在charset,async和ping等属性
8)增强了对Web应用程序功能的支持:在HTML5允许浏览器作为应用程序平台运行不需要使用任何基于JS或Flash的方法,因为HTML5中固有的元素提供了所有功能。
9)新增加的<menu>和<menuitem>元素是互动元素规格的成分,但不经常使用或开发者社区津津乐道。但是,这两个项目可用于确保增强的Web交互<menu>性。为简单起见,标签用于表示移动和桌面应用程序中的菜单命令。
三、html5有哪些新特性、移除了哪些元素?
1)HTML5新特性:
拖放(Drag and drop)API
语义化标签(header、nav、footer、section、article、aside)
音频、视频(audio、video)API
画布(canvas)API
地理定位(Geolocation)API
本地离线存储(localStorage),即长期存储数据,浏览器关闭后数据不丢失
会话存储(sessionStorage),即数据在浏览器关闭后自动删除
表单控件(calender、date、time、url、email、search)
新的技术(webworker、websocket)
2)移除的元素:
纯表现的元素:basefont、big、center、font、s、strike、tt、u
对可用性产生负面影响的元素:frame、frameset、noframes
四、html5离线存储技术?
目的:1)离线状态也能正常访问;2)提高访问速度;3) 减轻服务器响应压力;
原理: HTMLS 的离线存储是基于一个新建的. aPpcache 文件的缓存机制(不是存储技术) , 通过这个文件上的解析清单离线存储资源,这些资源就会像 cookle 一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。
五、html5中新的输入类型属性?
表单输入类型指input的type输入的不同类型,在输入值后,可进行格式验证;
新的表单输入类型:1、email类型;2、url类型;3、number类型;4、range类型;5、日期选择器类型(date、month、week、time等);6、search类型;7、color类型;8、tel类型。