web标准简介

时间：2023-05-27 19:39:01 | 来源：网站运营

时间：2023-05-27 19:39:01 来源：网站运营

web标准简介：

简介

web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统

1.定义

不是某一个标准，而是一系列标准的集合，主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

结构化标准语言：XML、HTML

表现标准语言：CSS

行为标准语言：对象模型（如W3C DOM）、ECMAScript

2.结构

2.1 标准通用标记语言

2.1.1. 简介

Standard Generalized Markup language，SGM或SGML，一种定义电子文档结构和描述其内容的国际标准语言所有电子文档标记语言的起源，早在万维网发明之前“通用标言”就已存在。

1986年国际标准化组织出版发布的一个信息管理方面的国际标准（ISO 8879:1986 信息处理）

2.1.2. 标记语言

在电子计算机中，标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种的信息比如文章等。

可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。

优点：高稳定性、高可携性、高完整性

缺点：高复杂性、费用昂贵

2.1.3. 衍生

**HTML**：1989年，HTML诞生，它抛弃了SGML复杂庞大的缺点，继承了SGML的很多优点。HTML最大的特点是简单性和跨平台性。HTML是一种界面技术，它只使用了SGML中很少的一部分标记，例如HTML 4.0中只定义了70余种标记。为了便于在计算机上实现，HTML规定的标记是固定的，即HTML语法是不可扩展的。缺点:无法描述数据、可读性差、搜索时间长

**XML**:1998年2月10日，W3C(World Wide Web Consortium，万维网联盟)公布XML 1.0标准，XML诞生。可扩展标记语言，标准通用标记语言的子集，简称XML。一种用于标记电子文件使其具有结构性的标记语言。

2.2 HTML

2.2.1. 简介

Hyper Text Markup Language

超文本标记语言，是一种标识性的语言。超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。

2.2.2. 历史

HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。

HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。

HTML 3.2：1997年1月14日，W3C推荐标准。

HTML 4.0：1997年12月18日，W3C推荐标准。

HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。

HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。

特点:简易性、可扩展性、平台无关性、通用性

2.3 HTML5

2.3.1. 简介

2000年W3C成员决定停止发展HTML，发展XHTML，因此WHATWG于2004年成立。

2007年7月10日 , Mozilla Foundation, Apple, Opera Software 建议 W3C跟随WHATWG’的HTML5，将新的HTML（标准通用标记语言下的一个应用）命名为"HTML5".2007-4-7, 新的HTML工作组采纳了他们的建议。

HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。

HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一

3.表现

3.1. 简介

层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

3.2. 历史

1994年哈坤·利提出了CSS的最初建议。

1996年底，CSS初稿已经完成，同年12月，层叠样式表的第一份正式标准（Cascading style Sheets Level 1）完成，成为w3c的推荐标准。

CSS2 发布于 1999 年 1 月 11 日。CSS2 添加了对媒介（打印机和听觉设备）和可下载字体的支持。

CSS3 计划将 CSS 划分为更小的模块。

3.3. CSS3

CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。

4.行为

4.1. 简介

脚本script是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。

4.2 Javascript

4.2.1. 简介

JavaScript的标准是ECMAScript

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。

JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。

4.2.2. 组成

ECMAScript，描述了该语言的语法和基本对象。

文档对象模型（DOM），描述处理网页内容的方法和接口。

浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

4.3 ECMAScript

4.3.1. 简介

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。

4.3.2. 历史

1995年Netscape公司发布的Netscape Navigator 2.0中，发布了与Sun联合开发的JavaScript 1.0并且大获成功， 并且随后的3.0版本中发布了JavaScript1.1，恰巧这时微软进军浏览器市场，IE 3.0搭载了一个JavaScript的克隆版-JScript， 再加上Cenvi的ScriptEase（也是一种客户端脚本语言），导致了三种不同版本的客户端脚本语言同时存在。为了建立语言的标准化，1997年JavaScript 1.1作为草案提交给欧洲计算机制造商协会（ECMA），第三十九技术委员会（TC39）被委派来“标准化一个通用的，跨平台的，中立于厂商的脚本语言的语法和语意标准”。最后在Netscape、Sun、微软、Borland等公司的参与下制订了ECMA-262，该标准定义了叫做ECMAScript的全新脚本语言。从此以后的Javascript，JScript，ActionScript等脚本语言都是基于ECMAScript标准实现的。

1998年6月，ECMAScript 2.0版发布。

1999年12月，ECMAScript 3.0版发布

2007年10月，ECMAScript 4.0版草案发布，草案发布后，由于4.0版的目标过于激进，各方对于是否通过这个标准，发生了严重分歧。以Yahoo、Microsoft、Google为首的大公司，反对JavaScript的大幅升级，主张小幅改动；以JavaScript创造者Brendan Eich为首的Mozilla公司，则坚持当前的草案。

2008年7月，发布为ECMAScript 3.1，

2009年12月，ECMAScript 5.0版正式发布。

2011年6月，ECMAscript 5.1版发布，

2013年3月，ECMAScript 6草案冻结，

2013年12月，ECMAScript 6草案发布。

2015年6月17日，ECMAScript 6发布正式版本，即ECMAScript 2015。

5. DOM

5.1. 简介

DOM是Document Object Model文档对象模型的缩写。DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。

DOM（DOM—Document Object Model）是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套属性、方法和事件。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)。

5.2. 组成

核心DOM - 针对任何结构化文档的标准模型

XML DOM - 针对 XML 文档的标准模型

HTML DOM - 针对 HTML 文档的标准模型

5.3. 历史

5.3.1 DOM0

由于DOM0在W3C进行标准备化之前出现，还处于未形成标准的初期阶段，这时Netscape和Microsoft各自推出自己的第四代浏览器，自此DOM遍开始出各种问题。

5.3.2 DOM0与DHTML

Netscape Navigator 4和IE4分别发布于1997年的6月和10月，这两种浏览器都大幅扩展了DOM，使JavaScript的功能大大增加，而此时也开始出现一个新名词：DHTML。

5.3.3 DHTML

Dynamic HTML（动态HTML）的简称：利用HTML把网页标记为各种元素、利用CSS设置元素样式及其显示位置、利用JavaScript操控页面元素和样式。

5.3.4 DOM1

在浏览器厂商进行浏览器大站的同时，W3C结合大家的优点推出了一个标准化的DOM，并于1998年10月完成了第一级 DOM，即：DOM1。1998 年 10 月，W3C 推出 DOM 1.0 版本规范。

DOM Core（核心部分）：把 XML 文档设计为树形节点结构，并为这种结构的运行机制制订了一套规范化标准，同时定义了创建、编辑、操纵这些文档结构的基本属性和方法。

DOM HTML：针对 HTML 文档、标签集合，以及与个别 HTML 标签相关的元素定义了对象、属性和方法。

W3C将DOM定义为一个与平台和编程语言无关的接口，通过这个接口程序和脚本可以动态的访问和修改文档的内容、结构和样式。

5.3.5 DOM2

2000 年 11 月，W3C 正式发布 DOM 2 级规范。

DOM视图（DOM Views）：定义了跟踪不同文档视图的接口

DOM事件（DOM Events）：定义了事件和事件处理的接口

DOM样式（DOM Style）：定义了基于CSS为元素应用样式的接口

DOM遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口

2003 年 1 月，W3C 正式发布了修订DOM 2.0 ，

DOM2 Core：继承于 DOM Core 子规范，规定了 DOM 文档结构模型，添加了更多的特性，如针对命名空间的方法等。

DOM2 HTML：继承于 DOM HTML，规定了针对 HTML 的 DOM 文档结构模型，并添加了一些属性。

DOM2 Events：规定了与鼠标相关的事件（包括目标、捕获冒泡和取消）的控制机制，但不包含与键盘相关事件的处理部分。

DOM2 Style（或 DOM2 CSS）：提供了访问和操纵所有与 CSS 相关的样式及规则的能力。

DOM2 Traversal 和 DOM2 Range：DOM2 Traversal 规范允许开发人员通过迭代方式访问 DOM，DOM2 Range 规范允许对指定范围的内容进行操作。

DOM2 Views：提供了访问和更新文档表现（视图）的能力。

5.3.6 DOM3

DOM3中引入模块：

DOM加载和保存模块（DOM Load and Save）：引入了以统一方式加载和保存文档的方法

DOM验证模块（DOM Validation）：定义了验证文档的方法

DOM核心的扩展（DOM Style）：支持XML 1.0规范，涉及XML Infoset、XPath和XML Base

2004 年 4 月，W3C 发布 DOM3 子规范。

DOM3 Core：继承于 DOM2 Core，并添加了更多的新方法和属性，同时修改了已有的一些方法。

DOM3 Load and Save：提供将 XML 文档的内容加载到 DOM 文档中，以及将 DOM 文档序列化为 XML 文档的能力。

DOM3 Validation：提供了确保动态生成的文档的有效性的能力，即如何符合文档类型声明。

6.BOM

6.1. 简介

broswer object model（浏览器对象模型）

BOM是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。

BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括：

弹出新浏览器窗口的功能

移动、缩放和关闭浏览器窗口的功能

提供浏览器详细的navigator对象

提供浏览器所加载页面的详细信息的location对象

提供用户显示器分辨率详细信息的screen对象

对cookies的支持

像XMLHttpRequest和IE的ActiveXObject这样的自定义对象。

IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM（浏览器对象模型），可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 BOM 独树一帜且又常常令人怀疑的地方在于，它只是 JavaScript 的一个部分，没有任何相关的标准。

由于没有BOM标准可以遵循，因此每个浏览器都有自己的实现。有一些事实上的标准，如具有一个窗口对象和一个导航对象，不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。现在有了HTML5，BOM实现的细节有望朝着兼容性越来越高的方向发展。

6.2. 组成

Window:对象表示浏览器中打开的窗口,最顶层对象

Navigator :浏览器对象

Screen: 屏幕对象

History:浏览器历史对象

Location:地址对象

附：思维导图

附：web发展年鉴