HTML5

简介: HTML5

一、什么是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类型。


相关文章
|
3月前
|
移动开发 API HTML5
什么是html
什么是html
30 4
|
2月前
|
移动开发 SEO HTML5
HTML4(一)
HTML4(一)
14 0
|
4月前
|
前端开发 Python
初识HTML
本文介绍了HTML的基本概念和使用方法。
|
4月前
什么是 HTML
什么是 HTML。
29 0
|
移动开发 前端开发 UED
HTML详解连载(2)
HTML详解连载(2)
|
前端开发 C++ Windows
HTML详解连载(1)
HTML详解连载(1)
|
10月前
html空格符
html空格符
|
11月前
|
移动开发 前端开发 JavaScript
HTML基本讲解与使用
HTML基本讲解与使用
|
前端开发 JavaScript 数据安全/隐私保护
HTML详解连载(3)
HTML详解连载(3)
|
前端开发 程序员
HTML详解连载(5)
HTML详解连载(5)