的发展与演变

时间：2022-10-12 百科知识版权反馈

【摘要】：1989年，欧洲物理量子实验室的蒂姆·伯纳斯·李发明了超文本标记语言，设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，这就是HTML的前身。DHTML是Dynamic HTML的简称，就是动态的HTML，是相对传统的静态的HTML而言的一种制作网页的概念。DOM是在特定的时间在浏览器中被表示元素中的一个层。

第三节　HTML的发展与演变

一、HTML的诞生与发展

1989年，欧洲物理量子实验室（CERN）的蒂姆·伯纳斯·李（Tim Berners-Lee）发明了超文本标记语言，设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，这就是HTML的前身。蒂姆·伯纳斯·李也被尊称为“万维网之父”。

1991年，蒂姆·伯纳斯·李在CERN定义了HTML语言的第一个规范，之后成为W3C组织（World Wide Web Consortium，万维网联盟）为专门在互联网上发布信息而设计的符号化语言规范。此后就开始HTML版本的更新：

（1）1993年6月作为互联网工程工作小组（IETF）工作草案发布的超文本标记语言（第一版），但并非标准版。

（2）1995年11月，HTML 2.0作为RFC 1866发布，但在RFC 2854于2000年6月发布之后被宣布已经过时。

（3）1996年1月14日，HTML 3.2成为W3C推荐的标准版。

（4）时隔不到一年， 1997年12月18日，HTML 4.0出现了，并成为W3C推荐的标准版。

（5）其后，HTML已经比较成熟，在1999年12月24日，W3C推荐HTML 4.01标准版，此版本只是在4.0的基础上有了一些微小的改进。

（6）国际标准化组织和国际电工委员会在2000年5月15日发布了ISO/IEC 15445：2000（“ISO HTML”），此标准是严格基于HTML 4.01语法的。

（7）2010年1月22日W3C发布了最新的HTML 5工作草案。

二、HTML的演变

（一）DHTML

传统的HTML页面是静态的，如果在HTML页面上加入了JavaScript脚本，使其能根据用户的鼠标动作作出一定的响应，如鼠标移动到图片上，图片改变颜色；鼠标移动到导航栏，弹出一个动态菜单，这就是DHTML的一种表现。

DHTML是Dynamic HTML的简称，就是动态的HTML，是相对传统的静态的HTML而言的一种制作网页的概念。所谓动态DHTML，其实并不是一门新的语言，它只是HTML、 JavaScript、层叠样式表（Cascading Style Sheets，CSS）和文件目标模型（Document Object Model，DOM）的一种集成，其中CSS和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范，只是一种将目前已有的网页技术、语言标准整合运用，制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

DOM是D HTML中的核心内容，它使得HTML代码能够被改变。DOM是在特定的时间在浏览器中被表示元素中的一个层。它包括一些有关环境的信息，例如：当前的时间和日期，浏览器的版本号，该网页的URL以及HTML中的元素（例如：〈p〉标记、〈table〉标记等）。通过开放这些DOM给脚本语言，浏览器就允许你来改变这些元素了。相对来说，还有一些元素不能被直接改变，但是你能通过使用脚本语言来改变一些其他元素来改变它们。在DOM中有一部分内容，专门用于指定什么元素能够改变，这就是事件模型。例如，把鼠标放在一个页面元素上（onmouseover），加载一个页面（onload），提交一个表单（onsubmit），在表单文字的输入部分单击鼠标（onclick）等。

简单地说，DHTML就是以HTML为基础，运用DOM将页面元素对象化，利用CSSL控制这些对象的CSS属性来达到网页的动态视觉效果。

（二）XHTML

随着移动网络的高度发展，利用手机、PDA浏览网页已成为许多人的习惯。而HTML不能适应现在越来越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示HTML。另外一缺点就是HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。因此HTML迫切需要发展才能解决这些问题，于是2000年底，国际W3C组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，用XML的规则对其进行扩展，目的是基于XML应用。XHTML是一种增强了的HTML，结合了部分XML的强大功能及大多数HTML的简单特性，它的可扩展性和灵活性可以适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早，XHTML的出现就是让HTML逐步过渡到XML。

XHTML是Extensible HyperText Markup Language（可扩展超文本标记语言）的缩写。XHTML中的X是可扩展（extensible）的意思，它比HTML更简洁、更严谨。下面就比较一下XTHML与HTML的区别：

（1）XHTML的标记和属性名字必须用小写字母来书写，而HTML是不分大小写的。

（2）XHTML所有的参数值必须要用双引号括起来，而HTML中当内容只是数字、字母、或者其他允许的特殊字符时，是可以不加双引号的。

（3）在XHTML中，所有标记元素，都必须闭合，HTML中的单标记，会在标记后加一个“/”来闭合，例如HTML中的〈br〉，会变成〈br/〉。

（4）XHTML所有的标记都必须合理嵌套，就是指嵌套一定要按顺序。

（5）XHTML的所有属性都必须赋值，没有值的属性就赋予本身，例如〈input type="checkbox" checked〉，就要改成〈input type= "checkbox" check= "checked"〉。

（6）XHTML的图片必须要有说明文字，即alt属性不能为空，而HTML是允许为空值的。

（7）XHTML不能在注释内容中使用“--”，“--”只能用在开头和结束，不能用在中间，例如：

〈!--html注释--------不可以-- 〉这是错误的

〈!--xhtml注释：：：：：：：：可以-- 〉这是正确的

（三）HTML 5

2007年，在Mozilla、Opera、苹果等力量的共同努力下，WHATWG（超文本应用科技工作组）组织接受了W3C的维护并成立了HTML 5工作组，在2008年1月22日，发布了第一份正式草案，并在后来的标准之争中打赢了XHTML，成为下一代HTML标准。HTML 5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同，之前以文档为中心的理念，改为以互联网应用为中心。它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画，以及同电脑的交互都被标准化，有效地满足现代Web应用的需要，并在未来的Web世界中扮演更重要的角色。

下面就介绍HTML 5引入的几个重要的新元素。

（1）画布元素。可用于渲染图形、游戏图像或者其他视觉图片，所有这些都不需要插件。

（2）视频元素。允许用户在没有第三方插件的情况下观看所有动画、视频，可以抛弃Flash。

（3）地理定位。目前大家都是通过IP地址来探测用户的位置，而HTML 5的思路是通过WIFI发射塔和GPS获得定位信息，是一个精确定位用户的替代好方法。

（4）离线网络程序。允许用户在断网情况下继续使用交互的网络程序和文档，比如用户可在本地查看邮件，无须连接网络或者安装额外的邮件客户端。

目前，HTML 5还在开发当中，还有许多的新特性没有列举出来。但是，市场上，各大主流浏览器厂商都对其抱有浓厚的兴趣。

微软在2010年9月15已推出了IE 9.0的测试版，它就是以HTML 5为核心来开发的，特点主要有音频、视频和canvas、更快的JavaScript引擎、支持更多的DOM与CSS特性、支持嵌入式字体、逐步缩小了与其他浏览器在HTML 5实现上的差距，通过硬件加速提供更棒的性能。

Mozilla 公司于2010年1月推出Firefox 3.6（火狐浏览器），它的优势在于它能快速地兼容互联网的先进技术，比如HTML 5，CSS 3.0。

谷歌在2010年推出的Chrome 6.0已经基本支持了HTML 5的特性和CSS 3.0，大家可以在谷歌浏览器下测试HTML 5的一些新特性。

苹果也在2010年推出Safari 4，此为支持 HTML 5 音频和视频标记的浏览器。

研发者可以将媒体文件直接嵌套到页面里，非常大地节约了开发周期，提升了运行效率。Safari还支持了 HTML 5 离线储存技术，基于网站的应用程序可以将信息存在本地硬盘中，无须网络连接也可随时使用。

Opera目前还在研发中，相信 Opera 在不久的将来就会支持 HTML 5。