HTML发展史

HTML的过去未来

HTML的过去

一、 HTML的简介

1、 HTML的概念和功能 1）HTML的概念

HTML是Hypertext Markup Language（超文本标记语言）的缩写，是一种基于SGML（标准通用标记语言）的标记语言，是Web用于编辑网页的主要工具。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。WWW（World Wide Web）所使用的出版语言就是HTML语言。

2）HTML的功能：

⑴出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。

⑵通过超链接检索在线的信息。

⑶为获取远程服务而设计表单，可用于检索信息、定购产品等。

⑷在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。

2、

历次版本

HTML 1.0——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 ；

HTML 3.2——1996年1月14日，W3C推荐标准 ； HTML 4.0——1997年12月18日，W3C推荐标准 ；

HTML 4.01——1999年12月24日，是在HTML4.0基础上的微小改进，W3C推荐标准 ；

HTML 5 的第一份正式草案已于2008年1月22日公布,仍继续完善。

HTML/XHTML发展综述

HTML自产生以来，已经走过了23年（从1989年开始）的历程，其中既有

HTML3.2的鼎盛时代，也有HTML4.0之后的一分为二到几年前的合二为一，在这20多年的历程中，W3C对HTML的发展起到了不可或缺的作用。W3C不仅仅是HTML的推广者，也是HTML的规范者，不断的完善HTML，才使得HTML（XHTML只能说是HTML的过渡版）自始自终都表现出了顽强的生命力。 1、 发展过程中，HTML形成了一下三大特点：  独立于平台，即独立于计算机硬件和操作系统。

这个特性对各种文档是至关重要的，因为在这个特性中，文档可以在具有不同性能（即字体、图形和颜色差异）的计算机上以相似的形式显示文档内容。  超文本。

允许文档中的任何文字或词组参照另一文档，这个特性将允许用户在不同计算机中的文档之间及文档内部漫游。  精确的结构化文档。

该特性将允许某些高级应用，如HTML文档和其他格式文档间互相转换以及搜索文本数据库。 2、

HTML 4.0及其以后版本继承了以往版本的所有特点，并在以下几个方面有所发展：

 更加明确了文档的结构和表现形式上的区别，以鼓励使用格式表（style sheet）来取代使用元素和属性进行表现的方式 。

 更加优良的表单（form）性能，加入了访问关键词（access key）、构建对

称的表单控件能力、构建对称下拉菜单控件的能力和引入动态标签（active、 label）。

 在文本描述的标记中包含对象。

 一种新客户端的文本包括在图像映射元素（map element），使得网页设计

者可以集成文本和图像链接。  可以将替代图像的文本包括在图像元素（IMG element）中，也可以将图像映射（image map）包含到区域元素中（area element）。  在所有元素中支持title和language两个属性。

 更多的表格属性，包括Caption、Column groups（列组)和方便的非可视信息（non-visual reading）的表现机制。 3、 HTML目前所有版本的缺点：

说到HTML的缺点，由于HTML5还未完全正式发布，目前的主流浏览器都趋向于支持HTML5，但是还存在许多不兼容不支持，所以，谈HTML的有些缺点，不能说未来的HTML5会弥补就不再谈论，但是HTML5已经弥补的缺点这里就不再连篇累牍。

1） HTML太简单。不能适应现在越多的网络设备和应用的需要。比如手机、

PDA、信息家电都不能直接显示HTML。

2） HTML太庞大。由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。显然在你的PDA上装一个IE6是不可能的。空间不够，运算也跟不上。

3） 数据与表现混杂。这样你的页面要改变显示，就必须重新制作HTML。对不同的网络设备显示同样的数据都需要制作不同的HTML。

4） HTML页面的简单导致HTML对代码格式如此的"宽容"，助长了一些浏览器私有代码的发展，这些私有代码造成无数用户无法得到最佳体验。 5）

HTML5还没有完善，视频网站依然非常需要Flash等插件。以YouTube为例，目前运营所需的广告、说明和输出视频机制都需要Flash的帮助。 当然，还有上面提到的HTML5对于当前网站开发和用户体验的改善，应该说

在HTML5正式版公布前都是HTML当前版的缺点和不足。 4、 HTML5仍未解决的问题：

<time>

time元素依然不能标记为太古老的时间，或者类似"December 1935"这样“模糊”的时间。这使得它对于博物馆或者历史网站用处不大。

<small>

这个元素被重定义用于展示小字或其他的边注。（小字一般用于描述免责声明，说明，法规，或者版权声明。小字有时还用于标识来源，或者满足许可证要求）。如果规范允许每个阅读器都支持包裹块级元素的small元素那将会很有用（目前，不是所有的阅读器都能支持不同种类的标签，很多公司生产的阅读器支持现有供给链中用的新标签的射频技术，一些阅读器只支持某些生产厂商的特定标签）。 <legend>

legend被设定为figure和details的子元素，它在当前的任何浏览器中都不能展示。 <content>

开发者可以用新元素标记你网页中的周边事物，但不能告诉辅助技术你的主要内容从哪开始。

9 / 13

2） HTML太庞大。由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。显然在你的PDA上装一个IE6是不可能的。空间不够，运算也跟不上。

3） 数据与表现混杂。这样你的页面要改变显示，就必须重新制作HTML。对不同的网络设备显示同样的数据都需要制作不同的HTML。

4） HTML页面的简单导致HTML对代码格式如此的"宽容"，助长了一些浏览器私有代码的发展，这些私有代码造成无数用户无法得到最佳体验。 5）

HTML5还没有完善，视频网站依然非常需要Flash等插件。以YouTube为例，目前运营所需的广告、说明和输出视频机制都需要Flash的帮助。 当然，还有上面提到的HTML5对于当前网站开发和用户体验的改善，应该说

在HTML5正式版公布前都是HTML当前版的缺点和不足。 4、 HTML5仍未解决的问题：

<time>

time元素依然不能标记为太古老的时间，或者类似"December 1935"这样“模糊”的时间。这使得它对于博物馆或者历史网站用处不大。

<small>

这个元素被重定义用于展示小字或其他的边注。（小字一般用于描述免责声明，说明，法规，或者版权声明。小字有时还用于标识来源，或者满足许可证要求）。如果规范允许每个阅读器都支持包裹块级元素的small元素那将会很有用（目前，不是所有的阅读器都能支持不同种类的标签，很多公司生产的阅读器支持现有供给链中用的新标签的射频技术，一些阅读器只支持某些生产厂商的特定标签）。 <legend>

legend被设定为figure和details的子元素，它在当前的任何浏览器中都不能展示。 <content>

开发者可以用新元素标记你网页中的周边事物，但不能告诉辅助技术你的主要内容从哪开始。

HTML的未来

由于HTML的最新标准HTML5即将发布候选推荐版，HTML即将迎来HTML5这一新时代，所以，谈HTML的未来，实际就是谈HTML5计划推荐版在未来的应用。

首先先浏览一段最新消息：

兄弟因理念差异割席：HTML5标准制定组织分裂

时间:2012-07-23 10:36 | 来源:搜狐网

10 / 13

HTML5标准制定组织WHATWG与W3C因为理念上的差异分裂。这意味着以后将会有两个版本的HTML5：即“标准版”和“living”版(活标准）。随着新技术的加入，WHATWG宣布为HTML制作新的“living”标准。WHATWG认为W3C做法过于缓慢，W3C的这种缓慢的制定方式将会耗费更多的时间。实际上W3C或多或少的放弃了HTML，04年时便把HTML交给WHATWG，把更多的注意力放在XML尤其是XHTML上。

„„

总的来说对于HTML5的发展开发者并不一定是个坏消息，虽然HTML5标准的概念变得复杂了些，但HTML5的标准也没有颁布过。笔者猜测Chrome和Firefox会更愿意尝试WHATWG的新标准，而微软会具体观察哪一个标准更符合他们的产品开发利益再做出选择。早在今年4月，HTML5的标准就开始发生变化，Apple公司的工程师说正在为W3C编制标准，而微软的工程师则寻找新的编制人员。

看到这里，以后从事网站开发的同学，不得不面对选择HTML还是XHTML的难题。当然，谈HTML的未来，也就包括了HTML5和XHTML的后继版本两个方向。

不过，就目前而言，由于HTML5将要发布候选推荐版，而XHTML的新版本编制工作尚未启动，在一段时期内，网站的开发还是以HTML5为最新标准。 2012年3月22日——第一届HTML5标准与产业发展论坛在京召开，与会专家一致认为：“HTML5丰富了Web 应用的多媒体呈现能力、交互能力、云端服务集成能力与本地处理能力，降低了移动互联网应用的开发门槛，对移动设备的原生态应用形成巨大的挑战。由于具备良好的用户体验，丰富的多媒体内容，优异的跨平台和跨终端等特性，基于HTML5的应用正在成为下一代移动互联网应用的主流趋势。构造基于HTML5的移动互联网平台与生态系统也成为大型移动互联网厂商发展的重大战略。”

从上面专家的一致看法中，我们不难得到这样的讯息：HTML5在多媒体呈现、交互、云端服务集成和本地处理等方面展现出了优良的适应性，降低了对移动互联应用开发者的要求，但同时却能够大幅提升用户体验，归根结底，这都是HTML5在移动互联网的应用方面展现出的不同以往的特质，若能按照设想的模式发展下去，HTML5必将成为未来社会移动互联网应用开发方面的主流。 1） 多媒体呈现能力

HTML5在多媒体呈现方面的能力，关键依托于<audio>、<canvas>、<source>、<track>和<video>这五个新标签的引入，结合脚本技术，将原本只能在系统级别上的视频处理、音效处理等功能带入到了互联网应用的范畴，提升了用户体验，为多媒体呈现功能的拓展提供了新的思路。 2）

交互能力

HTML5有两大特点：首先，强化了Web网页的表现性能；其次，追加了本地

数据库等Web应用的功能。HTML5从实现的角度，融合了HTML、CSS和JavaScript在内的一套技术组合，通过浏览器提供丰富的交互体验。当然，最直接的体现HTML5的交互功能还是网络游戏，开发者不仅可以轻松的搭建布局完美、页面绚丽的网站，给玩家带来良好的用户体验，还能制作出实时交互应用、离线应用等！

3） 云端服务集成能力

在云端服务集成方面，HTML5将移动终端与云计算融为一体，这不只是技术，更是一种概念，是一种各行各业都要把服务网移动终端整合的新概念。

概念上，HTML5 = Mobile + Cloud，商业模式将开始起大变化。由于HTML5的存在，行业里，将出现各种商业机会与创新服务。

技术上，HTML 5 = HTML5 + CSS3 + JavaScript + Node.js + PhoneGap + Websocke。HTML5 由六大技术，以及数十项小技术所构成，整合后，定会将HTML5在Web中的应用，推向一个新的高潮，给网络开发者和用户带来前所未有的体验。 4） 本地处理

HTML5 为本地存储 API 的这些问题提供了解决方案，通过API，开发人员可以将信息存储在访问者的计算机上，同时确信它们之后仍将在那里。另外，该信息可以随时访问（甚至在页面被呈现之后），并且不会随着每次HTTP请求而被自动加载。该规范包括同源限制，这样可以防止Web站点读取或更改其他Web站点存储的数据。

大多数浏览器在本地缓存中存储Web页面，从而即使用户脱机时也可以查看这些静态页面，但是无法用于通常为数据库驱动的动态内容，例如Gmail、Facebook或Twitter。HTML5 提供了脱机应用程序支持，浏览器下载脱机使用应用程序需要的所有文件，当用户脱机使用该应用程序时，浏览器可以允许处理中所进行的任何更改，在用户重新连接到互联网时都将上载到服务器上。

上面这些都是根据专家对HTML5的展望我们所能理解到的，有些更深层次的应用前景，需要我们用发展的眼光去看待： 1）

移动优先

从如今层出不穷的移动应用就知道，在这个智能手机和将平板电脑大爆炸的

时代，移动优先已成趋势，不管是开发什么，都以移动为主。在移动平台上如何实现HTML 5的简单易用和无处不在是未来HTML5应用的一个关键课题。

2） HTML太庞大。由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。显然在你的PDA上装一个IE6是不可能的。空间不够，运算也跟不上。

3） 数据与表现混杂。这样你的页面要改变显示，就必须重新制作HTML。对不同的网络设备显示同样的数据都需要制作不同的HTML。

4） HTML页面的简单导致HTML对代码格式如此的"宽容"，助长了一些浏览器私有代码的发展，这些私有代码造成无数用户无法得到最佳体验。 5）

HTML5还没有完善，视频网站依然非常需要Flash等插件。以YouTube为例，目前运营所需的广告、说明和输出视频机制都需要Flash的帮助。 当然，还有上面提到的HTML5对于当前网站开发和用户体验的改善，应该说

在HTML5正式版公布前都是HTML当前版的缺点和不足。 4、 HTML5仍未解决的问题：

<time>

time元素依然不能标记为太古老的时间，或者类似"December 1935"这样“模糊”的时间。这使得它对于博物馆或者历史网站用处不大。

<small>

这个元素被重定义用于展示小字或其他的边注。（小字一般用于描述免责声明，说明，法规，或者版权声明。小字有时还用于标识来源，或者满足许可证要求）。如果规范允许每个阅读器都支持包裹块级元素的small元素那将会很有用（目前，不是所有的阅读器都能支持不同种类的标签，很多公司生产的阅读器支持现有供给链中用的新标签的射频技术，一些阅读器只支持某些生产厂商的特定标签）。 <legend>

legend被设定为figure和details的子元素，它在当前的任何浏览器中都不能展示。 <content>

开发者可以用新元素标记你网页中的周边事物，但不能告诉辅助技术你的主要内容从哪开始。

HTML的未来

由于HTML的最新标准HTML5即将发布候选推荐版，HTML即将迎来HTML5这一新时代，所以，谈HTML的未来，实际就是谈HTML5计划推荐版在未来的应用。

首先先浏览一段最新消息：

兄弟因理念差异割席：HTML5标准制定组织分裂

一些基本概念设计必须从头开始，比如处理媒体库的RespondJS，而且处理来自第三方的图片和广告也是恼人的问题。

要想做好响应式设计，就必须洞悉内容与屏幕之间的反馈关系，一家来自硅谷的响应式设计公司ZURB称，其实在过去的16年中，开发商就意识到响应式设计就要完全离开先前模式，转而注重内容是如何在网页和移动设备中被处理的，这一过程还在继续，HTML5会让它最终成为可能。 4）

设备访问

消除Web应用与原生应用界限的最大障碍就是浏览器访问移动设备基本特性的能力，比如照相机，通讯录，日历，加速器等，利用HTML5实现此能力方面， 上文中提到的appMobi算是行业翘楚，在感恩节后开源了所有API。

对许多移动开发商来说，提高设备访问能力是HTML5最令人激动的革新，这意味着Web应用能够登陆移动设备而无需做任何PhoneGap式打包，游戏开发商当然最开心，因为某些特性对他们来说是封锁的，比如能整合到游戏中的加速器。

HTML5为网站开发人员提供了新的工作方法，不仅有利于开发人员的工作，更有助于提升用户体验，可谓是一举两得。HTML5正式版尚未完全公布，就受到业界的如此推崇，在HTML5正式版亮相之际，网络开发和Web应用必将迈上一个新的台阶！ 附1

最新的分裂，使HTML又面临着HTML5和XHTML2.0两个方向的抉择，由于刚提出分离，在XHTML方向上的研究，资料尚不丰富，就不再赘述，有兴趣的读者可以自己查资料了解。

附2

HTML5新增标签简介

<article> 标记定义一篇文章.

<aside> 标记定义页面内容部分的侧边栏.

<audio> 标记定义音频内容. <canvas> 标记定义图片.

<command> 标记定义一个命令按钮.

<datalist> 标记定义一个下拉列表.

<details> 标记定义一个元素的详细内容.

<dialog> 标记定义一个对话框(会话框).

<embed> 标记定义外部的可交互的内容或插件.

<figure> 标记定义一组媒体内容以及它们的标题.

<footer> 标记定义一个页面或一个区域的底部.

<header> 标记定义一个页面或一个区域的头部.

<hgroup> 标记定义文件中一个区块的相关信息.

<keygen> 标记定义表单里一个生成的键值.

<mark> 标记定义有标记的文本.

<meter> 标记定义 measurement within a predefined range.

<nav> 标记定义导航链接.

<output> 标记定义一些输出类型.

<progress> 标记定义任务的过程.

<rp> 标记是用在Ruby annotations 告诉那些不支持 Ruby元素的浏览器如何去显示.

<rt> 标记定义对ruby annotations的解释.

<ruby> 标记定义 ruby annotations.

<section> 标记定义一个区域.

<source> 标记定义媒体资源.

<time> 标记定义一个日期/时间.

<track>为诸如 video 元素之类的媒介规定外部文本轨道.

<video> 标记定义一个视频.