学习了有一段时间的html5,现在来有时间总结一下html5的发展历史,如有不准确的地方,欢迎评论指出~~~
图片来源网络一、简介
Html5是构建在Web内容的一种语言描述方式。Html5是互联网当下的编辑网页标准,是构建以及呈现互联网内容的一种语言方式,被认为是网页开发的核心技术。由年产生的Html迭代而来,版本由上一代的Html4升级产生。
图片来源网络二、新特性
针对Html4来说,从视频、音频、图像、动画以及与设备的交互都进行了更详细的规范。
1.表单
表单是实现用户与页面后台进行数据互换的重要组成部分,Html5在表单功能的优化上加强了,例如input类型和属性。还新增了一些表单标签,使Html4中需要JavaScript来实现的控件,可以直接使用Html5的表单来实现;另外还包括一些如内容提示、焦点处理、数据验证等功能,都可以利用Html5的智能表单属性标签完成。
2.画布
canvas元素在Html5中可以实现画布功能,该元素通过自带的API结合JavaScript脚本语言,在网页上回执图形和处理,拥有实现绘制线条、弧线和矩形的功能,用央视和颜色填充区域,书写样式化文本,以及添加图像的方法,其中都是使用JavaScript来控制每一个像素点。优化后的Html5可以使得浏览器无需Flash等类插件就能显示图形或动画图像。
3.多媒体
Html5最大特色之一就是支持音频视频,通过增加的audio、video两个标签来实现对多媒体中的音频、视频使用支持,只需在Wed网页中嵌入这两个标签,就能实现音视频的播放空能,这点比Flash插件来实现要方便得多。从浏览器上也摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术空间
4.数据存储
Html5新增了自己的存储方式,允许在客户端实现较大规模的数据存储。为了适应不同的需求,Html5支持DOMStorage和WebSQLDatabase两种储存机制、其中DOMStorage适用于具有key/value对的基本本地储存;而WebSQLDatabase是适用于关系型数据库的存储方式,开发者开始适用SQL语法对数据库进行查询、插入等方式。
5.地理位置
当下多款软件针对实时定位要求越来越高,Html5通过引用Geolocation的API可以通过GPS或网络信息实现用户的定位功能,定位更加准确、灵活。能够更好地实现双方及多方的定位信息。
6.多线程
Html5利用WebWorker将Web应用程序从原来的单线程的困境中解放出来,通过创建一个WebWorker对象就可以实现多线程操作。
其新增的一个WebWorkerAPI,用户可以创建多个在后台的线程,将耗费较长时间的处理交给后台,这样可以做到不影响用户界面和响应速度,这些处理不会因影虎交互而运行中断。使用后台线程不能访问页面和窗口对象,但后台线程可以和页面之间进行数据交互。子线程与子线程之间的数据交互,大致情况分为①先创建发送数据的子线程——②执行子线程任务,把要传递的数据发送给主线程——③在主线程接受子线程传递回的消息时创建接收数据的子线程,然后把发送数据的子线程中返回的消息传递给接收数据的子线程——④执行接收数据子线程中的代码。
图片来源网络三、丢弃元素
包括Html4中所涉及的元素:acronym、applet、basefont、big、center、dir、font、frame、frameset、noframes、strike
图片来源网络四、发展趋势
Html5技术的移动端方。Html5技术在未来发展的市场上还将会在移动互联网领域,现阶段移动浏览器有应用体验不佳、网页标准不同意的劣势,这两方面是移动端发展的障碍,而Html5技术能够解决这两个问题,将劣势转为优势,整体推动移动端网页的发展Web内核标准提升。目前移动端网页内核大多采用Web内核,相信在未来几年随着智能终端逐渐普及,Html5在Web内核方面应用将凸显极大作用提升Web操作体验。随着硬件能力的提升、WebGL标准化的普及以及手机页面游戏逐渐成熟,手机页面3D化趋势尤为明显网络营销游戏化发展。通过一些场景化、游戏化以及跨屏互动换件,增加用户游戏体验,还能够满足广告主大部分的营销需求。移动视频、在线直播。Html5将会改变视频数据传输方式,让视频播放更加流畅,与此同时,视频和网页相结合,让用户看视频、看图片更加轻松。