HTML的发展历程介绍

来源：中为咨询www.zwzyzx.com 【日期：2016-08-15 15:36:29】【打印】【关闭】

相关报告

数据更新中...

H5是网络通用超文本标记语言（HTML）的第5次重大修改，HTML5草案的前身名为WebApplications1.0。于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案已公布，2014年10月完成标准规范制定。H5仍处于完善之中。

HTML经历了2.0、3.2、4.0、4.0.1和5.0这5个正式版本。

HTML2.0版具有丰富的标签，也不局限于文字的编辑和处理，增加了诸如img、color等标签，使网页不再仅仅是长篇累牍的文字,网页传输信息也不仅仅是死气的文字，增加了图片，使浏览者有了形象的立体感。

与HTML2.0相比，HTML3.2主要在以下几个方面进行了改进：(1)字体。(2)表格对Java程序段的支持。(3)图像周围的文字环绕控制。(4)复杂数学元素的显示（HTML对数学公式的支持最后成为另外一个标准MathML）。(5)上标和下标等。去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。

HTML4.0版中既有许多不引人注意的改编和改进，也有许多令万维网建设者们非常感兴趣的东西如：（1）表达的格式和处理与用户间交互的能力显著提高。（2）表格方面小而重要的改进。（3）正式接纳一些动态HTML标签，特别是正式承认和嵌入了Javascript1.2的扩展Javascript事件模型。这些变化将帮助万维网开发者建立更吸引人的、生动活泼的、交互性更强的和对用户更友好的页面；可以创建更好看、更易于响应的、让用户更易于使用的表；甚至可以不用动画工具，只用HTML4.0中的一些新标签并结合一些简单的Javascript，就可以是画面动起来。

HTML4.0.1版的新特性之一是可以使HTML事件触发浏览器中行为，比方说当用户点击某个HTML元素时启动一段Javascript。4.01相对于4.0没有什么质的差别，只不过是提高了兼容性和国际化设置，删减了一些过时的标签。

HTML5的目标在于取代现有的HTML4.01、XHTML1.0和DOMLevel2HTML标准，希望浏览器能够减少丰富性网络应用服务（听音乐、看视频等）对于插件如AdobeFlash、MicrosoftSilverlight、与SunJavaFX的需求。

HTML5相对于前几版新增的功能主要有：

HTML5出现了新的<canvas>标签：Flash是一个让开发者很头疼的东西，开发者为了使自己的画面更加华丽动感，所以就在首页中加载了各种各样的Flash视频，这样一来，网页效果虽然得到了提升，但是网站访问速度就下去了。因为当游客打开一个网站的时候，这些臃肿的Flash视频就会加载，只有加载完成后才能呈现，如果你的主机是共享的，那么你网站的加载速度就会相当的慢。但是H5就不一样了，它引入了新的<canvas>标签，它不仅能提供Flash相关的功能，而且能让网站视频加载速度大幅提升，这使得网站不必为了访问速度而减少视频的应用。另外，<canvas>标签还支持在线绘图的功能。

不仅如此，HTML5也赋予图片图形更多的交互可能，HTML5的canvas标签还能够配合Javascript来利用键盘控制图形图像，这无疑为现有的网页游戏提供了新的选择和更好的维护性和通用性，脱离了Flash插件的网页游戏必然能够获得更大的访问量，更多的用户。一些统计数据表格也可以通过使用canvas标签来达到和用户的交互，通过HTML5来实现用户点击和数据的变更，点选就可以实时的看到统计结果，大大增强了统计图表的可读性。

HTML5出现了新的<header>和<footer>标签：网站只有拥有明晰的层次才能提高读者到达想要浏览的网页的速度，但是之前基于HTML4的css+div程序虽然让网站的目录、导航等栏目设置清晰明了，但它却不能给读者提供一个最快到达网站各个角落的途径。而HTML5就改变了这些，它的设计更好的迎合了网站的解剖结构，位于页面上的鼠标就好像在圆心处，任何一个角落都是一样的路程，这就加大了读者的“访问深度”，有利于网站整体权重的提高。

出现了音频以及视频的嵌入功能：HTML5之所以会被大家普遍赞誉，关键还在于它在用户体验上的突破，相比于HTML4，HTML5新增<audio>和<video>标签，它能将音频以及视频完美的嵌入到网页中，而不影响网站的加载速度，相比于我之前说的<canvas>标记，<audio>和<video>标记更加人性化，可以让用户体验到全新的页面感觉。

离线存储:在飞机上，汽车上，火车上，有很多地方都无法被网络信号所覆盖，因此web应用也就无法使用。HTML5的离线存储使得这个问题迎刃而解。HTML5的webstorageAPI采用了离线缓存，会生成一个清单文件（manifestfile），这个清单文件实质就是一系列的URL列表文件，这些URL分别指向页面当中的HTML、CSS、Javascrpit、图片等相关内容。当使用离线应用时，应用会引入这一清单文件，浏览器会读取这一文件，下载相应的文件，并将其缓存到本地。使得这些web应用能够脱离网络使用，而用户在离线时的更改也同样会映射到清单文件中，并在重新连线之后将更改返回应用，工作方式与我们现在所使用的网盘有着异曲同工之处。

HTML5还实现了拖放、跨文档消息、浏览器历史管理、MIME类型和协议注册等新功能。

Youtube在网页中使用HTML5技术实现视频播放

HTML的发展历史

正因为H5不仅解决历史问题，性能达到Flash同样的效果，所以H5目前在全球浏览器市场上支持H5的浏览器占比越来越大。当前主流的Chrome、IE8.0以上版本、Firfox、Opera、Safari以及国内360浏览器、QQ浏览器均支持H5。全球和全国浏览器市场中支持H5的浏览器分别达到了89%和75%。H5普及已经是一个不争的事实,这也为H5丰富更多应用带来了基础。

2015年全球浏览器市场占比