那些你想懂的HTML5,到底是什么

北大青鸟大学城校区logo 北大青鸟大学城校区
招生简章校园环境师资力量就业明星招生问答软件工程师北京大学学历学员项目联系我们 报名通道

免费在线咨询通道>>

免费在线报名通道>>

北大青鸟报名电话
当前位置:北大青鸟 > 软件教程 > web前端开发 >

那些你想懂的HTML5,到底是什么

标签:   分类:web前端开发

什么是HTML5呢?
HTML 5草案的前身名为Web Applications 1.0,是在2004年由WHATWG提出,再于2007年获W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作,仍须多年的努力。目前firefox、google Chrome、opera、safari(版本4以上)、Internet Explorer 9已支援HTML5技术。

  HTML5 本质并没有对之前HTML4版本的规范进行彻底的变革,更令人欣喜的是,HTML5一开始设计就考虑了跟之前的标准进行兼容。而且把最新的WEB开发的一 些新技术新的规范引入进了新版本的标准中。那么它的本质是什么呢?其实HTML5的发展就是 html,css,jsapi的发展,用另外一句话解释就是:HTML5=HTML+CSS+JSAPI。

  HTML5带给我们的是什么呢?
1、让Web再次回归到富客户端地步,而且更加的独立,减少了对第三方插件的依赖。比如:之前的HTML4的标准中并没有对于视频、音频以及其他的富客户端技术支持的非常好,这就使得flash和silverlight变得异常的成功。而在HTML5新标准中原生的就支持音频、视频、画布等技术。让我们的WEB程序拥有更多富客户端表现的方式,而且让我们的WEB程序更加独立,更好的适应多种形式的客户端。

  2、对本地离线存储的更好的支持
由于之前想在客户端保存一些数据都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

  HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
在HTML5中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。HTML5使用java来存储和访问数据。有了本地数据库的支持,让一些简单的离线应用也成为了可能。

  3、新的特殊内容元素,更好的支持SEO以及方便视障人士使用,现在所有的站点基本上都是Div+CSS布局,几乎所有的文章标题、内容、辅助介绍等都用Div容器来承载。搜索引擎在抓取页面内容时,因为没有明确的 容器的含义只能去猜测这些标签容器承载的是文章标题还是文章内容等,HTML5新标准中直接添加了拥有具体含义的HTML标签比如:article、footer、header、nav、section。

  4、更加智能的表单标签
之前的表单标签,仅仅是简单的类型的约束,比如文本框、文本域、 下拉列表等,而跟业务结合紧密的表单标签数据校验等控制都没有很好的支持,而是用这些技术基本上都是跟第三方的JS控件进行结合使用,但是这些第三方总会涉及到版本控制、浏览器兼容性、非标准等一系列的问题,而在HTML5的标准中直接添加了智能表单,让这一切都变得那么的简单,比如 calendar、date、time、email、url、search。

  5、HTML5即时二维绘图 ,也就是画布的引入,让Java子弹飞
画布的引入使得:Web端生成动画效果、制作Web游戏、更好的交互体验设计都增加了无限的变数,当社区充斥着乱七八糟超炫的HTML5的JS控制效果的时候,让人无限的赞叹。HTML5 的canvas 元素使用Java 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

  6、JS嗑药了,支持多线程
在不影响UI update 及 浏览器与用户交互的情况下, 前端做大规模运算,只能通过 setTimeout 之类的去模拟多线程 。而新的标准中,JS新增的HTML5 Web Worker对象原生的就支持多线程。

  7、WebSockets让跨域请求、长连接、数据推送等一切都变得那么简单,Web不仅仅是Ajax
WebSockets 是在一个(TCP)接口进行双向通信的技术,PUSH技术类型。WebSocket是html5规范新引入的功能,用于解决浏览器与 后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一,在传统的无状态HTTP协议中,这是“无法 做到”的。

  8、更好的异常处理
HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全地忽略掉新的HTML5代码。与 HTML4.01相比,HTML5给出了解析的完整规则,让不同的浏览器即使在发生语法错误时也能返回完全相同的结果。

  9、文件API让文件上传和操纵文件变得那么简单
由于项目中经常遇到用Web应用中控制操作本地文件,而之前都是使用一些富客户端技术比如flash,ActiveX,Silverlight等技术,面 对文件JS就是个shit,就是个鸡肋。在HTML5的新的提供的FHTML5 File API 让JS可以轻松上阵了。

  10、编辑、拖放、微数据、浏览历史管理、地理信息接口API、设备硬件操作API等很多的新功....

  HTML5的未来?
当然HTML5不是孤立的,Java API的增强,让JS变成异常强大的未来的编程武器。CSS3带给未来Web应用也是极大的新的挑战。相信由于HTML5标准化的支持,也让我们的Web应用更加的独立,更加的轻松的融入到各个端中,HTML5就是未来!
通过上面HTML5的新特点,不难总结出HTML5=java+HTML+CSS。HTML5的新特性带给开发者的是更友好更丰富的本地处理的API,更智能的更优雅的HTML标签,更强的本地处理的功能,通信也进一步加强。google很早之前就意识到了,客户只要拥有一个浏览器就可以了, 相信不久的将来现在的web的应用不在对本地处理那么鸡肋,CS形式的客户端相信也会越来越少。

  作为开发者,当Adobe公司宣布放弃flash,把最大的精力放到HTML5的开发上的时候,那你可能会看到这些趋势,当微软选择了HTML5而放弃了 silverlight继续升级的时候,那你基本上也没有什么好选择的了。

  学HTML5,就读北大青鸟,口碑好,就业率更高,是你的首选IT职业教育培训学校!课程咨询官网 http://www.91accp.com  招生主任余老师  15910633011 地址:北京市昌平区,沙河沙阳路18号。乘车路线:北京地铁13号线到龙泽站下车,然后乘坐519路公交车到老牛湾下车即到。
 

若有疑问请拨打北大青鸟咨询热线:010-80146691或点击免费在线咨询!
  • xml地图 网站地图 招生简章 合作企业 学员项目 联系我们
  • 关闭窗口