当前位置: 移动技术网 > IT编程>网页制作>Html5 > 管窥HTML5

管窥HTML5

2019年01月05日  | 移动技术网IT编程  | 我要评论

 

\

 

html5和html4地位
html5目前虽然是全新的,但是它仍然处在不成熟的阶段,其完整的规范还未完全定稿,标准仍会发生变化。但是这种变化是不会影响到html4的规范的。因为html4已经成型10多年,肯定不会再发生变化。html5不是颠覆性的革新,但只是旨在进化而非革命,毕竟没有从头再来的必要。互联网上存在的html已经存在几十年啦,支持现存的html文档是非常有必要的。

语法的差异
html5要的就是简单,避免不必要的复杂性。与html4相比,html5做了以下的改进:

  • 以原生能力代替复杂的javascript代码。
  • 新的简化的doctype。
  • 新的简化的字符集申明。
  • 简单而强大的html5 api。

为了简化操作,html5的规范比以往任何版本的html规范都要精确,详细,为了避免造成误解。

详细的api
除了原先html的dom接口,html5增加了更多的api,如:

  • 用于即时2d绘图的canvas标签
  • 定时媒体播放,不需要插件
  • 离线存储(离线网络应用程序)
  • 文档编辑
  • 拖拽控制
  • 浏览历史管理

新的标记
html 5提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似p和span标签,但有一定含义,例如nav(网站导航块)和footer。这种标签将有利于搜索引擎的索引整理、小屏幕设备和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口,如audio和video标记。
一些过时的html 4标记将取消,其中包括纯粹用作显示效果的标记,如font和center,因为它们已经被css取代。还有一些通过dom的网络行为。
尽管和sgml在标记上的相似性,html5的句法并不再基于它了,而是被设计成向后兼容对老版本的html的解析。它有一个新的开始行看起来就像sgml的文档类型声明,<!doctype html>,这会触发和标准兼容的渲染模式。

无障碍
为了使 html5 的新元素或新属性获取最大化的兼容性,开发人员需要附加一点额外补助,或者有些特性根本没有被任何浏览器实现,或者浏览器根本不支持补助技术。因此有些特殊的 html5 特性根本不能使用。

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

canvas标签替代flash
作为html5的一个重要的属性,我想把它单独列出来。flash给很多web开发者带来了麻烦,要在网页上播放flash需要一堆代码和插件。canvas标签使得开发者只要使用一个标签就 能和用户产生ui交互。虽然目前canvas标签还不能实现flash的所有功能,但是很快canvas就会让 flash看起来老土。所以很多前卫的web开发者预言,未来的几十年之后,flash将完全从网页上消失。虽然现在不是所有的网页都支持canvas属性,但是随着时间发展,其强大的功能,必将得到所有浏览器的支持。

用户可以编辑网页的部分内容并实现同网页的交互
html 5 将支持用户的交互,contenteditable属性允许你设定网页的哪一部分可以编辑,在基于 wiki 的 站点,这一点在现在网站中非常实用。

全新的表单设计
html5表单规范更加注重对现有的简单的html表单功能的改进,力求使之包含更多的控件类型,同时它还着力解决web开发人员今天面对的实际难题。html5表单包含了大量的新的api和元素类型,它们已经得到众多浏览器的支持。主要有两个大类:新的输入型控件;新的函数和特性。

跨文档信息通信
html5提供了在网页文档之间互相接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信。主要有postmessage和源安全属性。要接收消息的页面需要添加相应的事件监听器,在消息到来时你可以检测其来源来并判断是否处理。
跨源通信通过源来确定发送者,这就使得接收方可以忽略或拒绝来自不可信源的消息。同时,各种应用必须加入事件监听器以接收消息,从而避免被不可信应用程序的信息所干扰。

socket通信
多少人期望的socket通信终于可以在浏览器原生支持了,不需要flash,不需要ajax轮询,不需要comet,轻松实现在线聊天,在线多人游戏等等各种实时服务。比如铁道部的购票是否可以考虑使用socket连接,建立一个socket排队系统,而不需要现在这样在高峰期一遍又一遍的输入验证码登陆,跟自虐一样。

应用展望
html4的发展已经将近十年,似乎已经改朝换代的时候。html5全新的功能理念理所当然的成为了接班人。html 5从根本上改变了开发商开发web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台。还有,其实移动游戏开发商是从html5获益最多的一方,他们可利用这个平台逃脱付费游戏须向苹果支付的30%提成。除此之外,还有一些不为成熟的部分,比如html5在3d网络构架和3d游戏渲染方面等等。这些都说明,html5虽然尚未完全成熟,但是其前途真的是不可限量。html5的盛行将再次推动js到风口浪尖,比ajax更有推动力。

作者:杨志刚

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网