HTML的历史和发展趋势

1/13HTML的过去未来HTML的过去一、HTML的简介1、HTML的概念和功能1）HTML的概念HTML是HypertextMarkupLanguage（超文本标记语言）的缩写，是一种基于SGML（标准通用标记语言）的标记语言，是Web用于编辑网页的主要工具。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。（WorldWideWeb）所使用的出版语言就是HTML语言。2）HTML的功能：⑴出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。⑵通过超链接检索在线的信息。⑶为获取远程服务而设计表单，可用于检索信息、定购产品等。⑷在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。2、历次版本HTML1.0——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；HTML2.0——1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时；HTML3.2——1996年1月14日，W3C推荐标准；HTML4.0——1997年12月18日，W3C推荐标准；HTML4.01——1999年12月24日，是在HTML4.0基础上的微小改进，W3C推荐标准；HTML5的第一份正式草案已于2008年1月22日公布,仍继续完善。二、各个版本的功能简介1、HTML1.0和2.0HTML自从1989年首次应用于网页编辑后，便迅速崛起成为网页编辑主流语言。目前几乎所有的网页都是由HTML或者以其他程序语言嵌套在HTML中编写的。1993年HTML发布以后，众多的不同版本HTML陆续在全球使用，始终未能形成2/13一个广泛的有相同标准的版本。所以，准确的说，HTML1.0是不存在的，按照主流说法，该版本应该算初版。在初版使用之际，HTML+的后续版开发也与1993开始。HTML+最初被设计成为“HTML的一个超集”，为了和当时各种HTML标准区分开来，使用了HTML2.0为其版号。HTML+继续发展下去，1994/4HTML2.0的最初文档发布；1994/6HTML2.0草案经修改后发表；1995/2HTML2.0草案进一步修改，并计划成为RFC(Internet标准（草案）；1995/9HTML2.0被正式核准成为被提议的标准（RFC1886），但是始终没能成为W3C的正式标准。在初版中仅有少量的标签，没有img标签；以纯文字格式为基础，可以对任何文字进行编辑处理。HTML2.0相对于HTML初版而言，其标签极大的丰富，也不局限于文字的编辑和处理，增加了诸如img、color等标签，使网页不再仅仅是长篇累牍的文字，给网页增添了无尽的色彩美。同时，网页传输信息也不仅仅是死气的文字，增加了图片，使浏览者有了形象的立体感。HTML初版以及HTML2.0的发布，使世界各地的科学家能够更加方便的合作，网络走向了画面与文字交相辉映的时代，也标志着网络正式开始建立系统的人际交互和网络正式开始向实用化和普及化方向转变。2、HTML3.2系列在HTML2.0发布的同时，HTML3.0也在不断发布自己的草稿和技术规范，并且有Arena、Udi、Emacs-W3等实验性浏览器的支持，但是，由于3.0与2.0相比改动过大，不利于推广，所以3.0的草稿在3.2出现的时候便被废止（此处不再探讨3.0版本）。HTML3.2是联盟（WorldWideWebCon-sortium）于1996年4月关于HTML的最新规范。参与定义的厂商有IBM、Microsoft、Netscape、Novell、SoftQuad、Spyglass和Sun等。HTML3.2版本注重了兼容性的提高，采用了该规范所创建的主页，可以由为HTML2.0编写的浏览器阅读，得到了业界的广泛支持，W3C于1997年1月14日将其列为推荐标准。与HTML2.0相比，HTML3.2主要在以下几个方面进行了改进：字体；表格对Java程序段的支持；图像周围的文字环绕控制；复杂数学元素的显示（HTML对数学公式的支持最后成为另外一个标准MathML）；上标和下标等。去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。另外在HTML2．0中，文本中若插入图像则文本只能和图像在同一行中显示。因为图像往往比一行文本高，所以无论文本和图像按上、中、下哪种方式对齐都不美观。HTML3.2的IMG标签增加了align:left和align:right两种属性取值，分别使图像靠着窗口的左侧或右侧排列，而文本可以按图像的高度在另一侧排列在几行中。3/13现在而言，HTML3.2是比较旧的一种版本,但是它是一种比较规范的HTML标准，许多的网页和编辑器(MicrosoftFrontPage和NetObjectsFusion)仍使用3.2标准。3、HTML4.0系列1）HTML4.01997年12月推出的HTML4.0曾经是应用范围最广的页面基本标记语言，将HTML语言推向了一个新高度。该版本倡导了两个理念：（1）将文档结构和显示样式分离（就是通常的外部调用CSS）；（2）更广泛的文档兼容性。相对于HTML3.2，最明显的不同点是在元素和特性的风格变化过程中使用的方法不同（HTML3.2使用标签来定元素和特性的风格变化，而HTML4.0之后的版本追求的事舍弃这些标签，改用样式进行变化）；其最大的改进是提供了一些新的标签并扩展了一些旧的标签，尤其是淘汰了一些标签，实现了对表和表格的更灵活的控制，如HTML4.0标准包含了HTML3.2和一些非正式的然而已经由Netscape和Microsoft在它们的浏览器中实现的特性，如FRAME——出现在许多书本上就像它是W3C标准的一部分；HTML4.0也正式规定了创建动态HTML页面的框架。在4.0中既有许多不引人注意的改编和改进，也有许多令万维网建设者们非常感兴趣的东西：（1）表达的格式和处理与用户间交互的能力显著提高。（2）表格方面小而重要的改进。（3）正式接纳一些动态HTML标签，特别是正式承认和嵌入了Javascript1.2的扩展Javascript事件模型。HTML4.0作为一个整体，这些变化将帮助万维网开发者建立更吸引人的、生动活泼的、交互性更强的和对用户更友好的页面；可以创建更好看、更易于响应的、让用户更易于使用的表；甚至可以不用动画工具，只用HTML4.0中的一些新标签并结合一些简单的Javascript，就可以是画面动起来。HTML在兼容性方面做的很好，大部分在HTML3.2中适用的标签，在HTML4.0中仍能很好的被使用。不过，有些标签在4.0中虽然支持但不被提倡，在使用的时候，开发者应该多考虑一下，随着浏览器的更新，可能时间稍微一长，那些标签就可能在新的浏览器中表现不出应有的效果。2）HTML4.01HTML4.01是W3C于1999年12月推出的4.0改进版，一直沿用至今，是目前在全球范围内最为流行的版本，也是相当成熟可靠的。HTML4.01相比于先前版本，在国际化设置、提高兼容性、样式表支持，以及脚本、打印方面都有所提高。4.01版的新特性之一是可以使HTML事件触发浏览器中行为，比方说当用户点击某个HTML元素时启动一段Javascript。在现代浏览器中有大量的事件处理器，这些处理器会监视特定的条件或用户行为，例如鼠标单击或者浏览器窗口完4/13成加载某个图像。通过使用客户端Javascript，可以将某些特定的事件处理器作为属性添加给特定标签，并可以在事件发生时执行一个或者多个Javascript命令或者函数。最明显的例子就是a标签，将鼠标移动到一个超链接时，会启动一个Javascript函数，支持Javascript的浏览器支持a标签中的一个特殊的“mouseover”事件处理器，被称为onmouseover回来完成这项工作。4、HTML5HTML5概述：由于是4.0的微小改进版，4.01相对于4.0没有什么质的差别，只不过是提高了兼容性和国际化设置，删减了一些过时的标签，可以说，已经到了山穷水尽的地步，业界也普遍认为HTML已经穷途末路了，并且对Web标准的研究开始转向了XML和XHTML。不过，在2004年，一组致力于将Web平台提升到一个新的高的人，成立了WHATWG，创立了新的HTML5规范，同时开始专门针对Web应用开发新功能。2006年，W3C又重新介入HTML，并于2008年发布了HTML5的工作草案。到了2009年，由于HTML5能够解决非常实际的问题，所以在规范还未定稿的情况下，各大浏览器厂商已经按耐不住了，开始对产品进行升级以支持HTML的新功能。这样，得益于浏览器的实验性反馈，HTML5规范得到了持续的完善，HTML5以这种方式融入到了对Web平台的实质性改进中。HTML5的目标在于取代现有的HTML4.01、XHTML1.0和DOMLevel2HTML标准，希望浏览器能够减少丰富性网络应用服务（听音乐、看视频等）对于插件如AdobeFlash、MicrosoftSilverlight、与SunJavaFX的需求。根据W3C的规划，计划于2012年发布候选推荐版，于2022年发布计划推荐版。计划推荐版的重要性在于届时将会有两个浏览器完全支持整个HTML5规范的所有功能。通过观察现阶段Chrome、Firefox、Safari、IE等浏览器对HTML5的支持程度，可以看出各大浏览器厂商都非常积极，应该不需要到2022年就会有至少两个浏览器完全支持HTML5。HTML5相对于前几版新增的功能主要有：1）html5出现了新的canvas标签大家都知道flash是一个让开发者很头疼的东西，开发者为了使自己的画面更加华丽动感，所以就在首页中加载了各种各样的flash视频，这样一来，网页效果虽然得到了提升，但是网站访问速度就下去了。因为当游客打开一个网站的时候，这些臃肿的flash视频就会加载，只有加载完成后才能呈现，如果你的主机是共享的，那么你网站的加载速度就会相当的悲催。但是html5就不一样了，它引入了新的canvas标签，它不仅能提供flash相关的功能，而且能让网站视频加载速度大幅提升，这使得网站不必为了访问速度而减少视频的应用。另外，canvas标签还支持在线绘图的功能（下面是已经支持该功能的浏览器）。5/13不仅如此，HTML5也赋予图片图形更多的交互可能，HTML5的canvas标签还能够配合Javascript来利用键盘控制图形图像，这无疑为现有的网页游戏提供了新的选择和更好的维护性和通用性，脱离了flash插件的网页游戏必然能够获得更大的访问量，更多的用户。一些统计数据表格也可以通过使用canvas标签来达到和用户的交互，通过HTML5来实现用户点击和数据的变更，点选就可以实时的看到统计结果，大大增强了统计图表的可读性。2）html5出现了新的header和footer标签网站只有拥有明晰的层次才能提高读者到达想要浏览的网页的速度，但是之前基于html4的css+div程序虽然让网站的目录、导航等栏目设置清晰明了，但它却不能给读者提供一个最快到达网站各个角落的途径。而html5就改变了这些，它的设计更好的迎合了网站的解剖结构，位于页面上的鼠标就好像在圆心处，任何一个角落都是一样的路程，这就加大了读者的“访问深度”，有利于网站整体权重的提高。3）出现了音频以及视频的嵌入功能html5之所以会被大家普遍赞誉，关键还在于它在用户体验上的突破，相比于html4，html5新增audio和video标签，它能将音频以及视频完美的嵌入到网页中，而不影响网站的加载速度，相比于我之前说的canvas标记，audio和video标记更加人性化，可以让用户体验到全新的页面感觉。但是canvas标签和audiovideo标签哪个好呢？这个是没有可比性的，一个是