web標準簡介

時間：2023-05-27 19:39:01 | 來源：網(wǎng)站運營

時間：2023-05-27 19:39:01 來源：網(wǎng)站運營

web標準簡介：

簡介

web（World Wide Web）即全球廣域網(wǎng)，也稱為萬維網(wǎng)，它是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)

1.定義

不是某一個標準，而是一系列標準的集合，主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。

結(jié)構(gòu)化標準語言：XML、HTML

表現(xiàn)標準語言：CSS

行為標準語言：對象模型（如W3C DOM）、ECMAScript

2.結(jié)構(gòu)

2.1 標準通用標記語言

2.1.1. 簡介

Standard Generalized Markup language，SGM或SGML，一種定義電子文檔結(jié)構(gòu)和描述其內(nèi)容的國際標準語言所有電子文檔標記語言的起源，早在萬維網(wǎng)發(fā)明之前“通用標言”就已存在。

1986年國際標準化組織出版發(fā)布的一個信息管理方面的國際標準（ISO 8879:1986 信息處理）

2.1.2. 標記語言

在電子計算機中，標記指計算機所能理解的信息符號，通過此種標記，計算機之間可以處理包含各種的信息比如文章等。

可以用來標記數(shù)據(jù)、定義數(shù)據(jù)類型，是一種允許用戶對自己的標記語言進行定義的源語言。

優(yōu)點：高穩(wěn)定性、高可攜性、高完整性

缺點：高復(fù)雜性、費用昂貴

2.1.3. 衍生

**HTML**：1989年，HTML誕生，它拋棄了SGML復(fù)雜龐大的缺點，繼承了SGML的很多優(yōu)點。HTML最大的特點是簡單性和跨平臺性。HTML是一種界面技術(shù)，它只使用了SGML中很少的一部分標記，例如HTML 4.0中只定義了70余種標記。為了便于在計算機上實現(xiàn)，HTML規(guī)定的標記是固定的，即HTML語法是不可擴展的。缺點:無法描述數(shù)據(jù)、可讀性差、搜索時間長

**XML**:1998年2月10日，W3C(World Wide Web Consortium，萬維網(wǎng)聯(lián)盟)公布XML 1.0標準，XML誕生。可擴展標記語言，標準通用標記語言的子集，簡稱XML。一種用于標記電子文件使其具有結(jié)構(gòu)性的標記語言。

2.2 HTML

2.2.1. 簡介

Hyper Text Markup Language

超文本標記語言，是一種標識性的語言。超文本是一種組織信息的方式，它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。

2.2.2. 歷史

HTML 1.0：在1993年6月作為互聯(lián)網(wǎng)工程工作小組(IETF)工作草案發(fā)布。

HTML 2.0：1995年1 1月作為RFC 1866發(fā)布，于2000年6月發(fā)布之后被宣布已經(jīng)過時。

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在富媒體、富內(nèi)容和富應(yīng)用等方面的能力，被喻為終將改變移動互聯(lián)網(wǎng)的重要推手。

特點:簡易性、可擴展性、平臺無關(guān)性、通用性

2.3 HTML5

2.3.1. 簡介

2000年W3C成員決定停止發(fā)展HTML，發(fā)展XHTML，因此WHATWG于2004年成立。

2007年7月10日 , Mozilla Foundation, Apple, Opera Software 建議 W3C跟隨WHATWG’的HTML5，將新的HTML（標準通用標記語言下的一個應(yīng)用）命名為"HTML5".2007-4-7, 新的HTML工作組采納了他們的建議。

HTML5將Web帶入一個成熟的應(yīng)用平臺，在這個平臺上，視頻、音頻、圖像、動畫以及與設(shè)備的交互都進行了規(guī)范。

HTML5是互聯(lián)網(wǎng)的下一代標準，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語言方式．被認為是互聯(lián)網(wǎng)的核心技術(shù)之一

3.表現(xiàn)

3.1. 簡介

層疊樣式表(Cascading Style Sheets)是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。

CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。

3.2. 歷史

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

1996年底，CSS初稿已經(jīng)完成，同年12月，層疊樣式表的第一份正式標準（Cascading style Sheets Level 1）完成，成為w3c的推薦標準。

CSS2 發(fā)布于 1999 年 1 月 11 日。CSS2 添加了對媒介（打印機和聽覺設(shè)備）和可下載字體的支持。

CSS3 計劃將 CSS 劃分為更小的模塊。

3.3. CSS3

CSS3是CSS（層疊樣式表）技術(shù)的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。

CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模塊。

4.行為

4.1. 簡介

腳本script是使用一種特定的描述性語言，依據(jù)一定的格式編寫的可執(zhí)行文件，又稱作宏或批處理文件。腳本通?？梢杂蓱?yīng)用程序臨時調(diào)用并執(zhí)行。

4.2 Javascript

4.2.1. 簡介

JavaScript的標準是ECMAScript

JavaScript（簡稱“JS”） 是一種具有函數(shù)優(yōu)先的輕量級，解釋型或即時編譯型的高級編程語言。

JavaScript在1995年由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計實現(xiàn)而成。

4.2.2. 組成

ECMAScript，描述了該語言的語法和基本對象。

文檔對象模型（DOM），描述處理網(wǎng)頁內(nèi)容的方法和接口。

瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口。

4.3 ECMAScript

4.3.1. 簡介

ECMAScript是一種由Ecma國際（前身為歐洲計算機制造商協(xié)會，European Computer Manufacturers Association）通過ECMA-262標準化的腳本程序設(shè)計語言。

4.3.2. 歷史

1995年Netscape公司發(fā)布的Netscape Navigator 2.0中，發(fā)布了與Sun聯(lián)合開發(fā)的JavaScript 1.0并且大獲成功， 并且隨后的3.0版本中發(fā)布了JavaScript1.1，恰巧這時微軟進軍瀏覽器市場，IE 3.0搭載了一個JavaScript的克隆版-JScript， 再加上Cenvi的ScriptEase（也是一種客戶端腳本語言），導(dǎo)致了三種不同版本的客戶端腳本語言同時存在。為了建立語言的標準化，1997年JavaScript 1.1作為草案提交給歐洲計算機制造商協(xié)會（ECMA），第三十九技術(shù)委員會（TC39）被委派來“標準化一個通用的，跨平臺的，中立于廠商的腳本語言的語法和語意標準”。最后在Netscape、Sun、微軟、Borland等公司的參與下制訂了ECMA-262，該標準定義了叫做ECMAScript的全新腳本語言。從此以后的Javascript，JScript，ActionScript等腳本語言都是基于ECMAScript標準實現(xiàn)的。

1998年6月，ECMAScript 2.0版發(fā)布。

1999年12月，ECMAScript 3.0版發(fā)布

2007年10月，ECMAScript 4.0版草案發(fā)布，草案發(fā)布后，由于4.0版的目標過于激進，各方對于是否通過這個標準，發(fā)生了嚴重分歧。以Yahoo、Microsoft、Google為首的大公司，反對JavaScript的大幅升級，主張小幅改動；以JavaScript創(chuàng)造者Brendan Eich為首的Mozilla公司，則堅持當前的草案。

2008年7月，發(fā)布為ECMAScript 3.1，

2009年12月，ECMAScript 5.0版正式發(fā)布。

2011年6月，ECMAscript 5.1版發(fā)布，

2013年3月，ECMAScript 6草案凍結(jié)，

2013年12月，ECMAScript 6草案發(fā)布。

2015年6月17日，ECMAScript 6發(fā)布正式版本，即ECMAScript 2015。

5. DOM

5.1. 簡介

DOM是Document Object Model文檔對象模型的縮寫。DOM是一種與瀏覽器，平臺，語言的接口，使得你可以訪問頁面其他的標準組件。

DOM（DOM—Document Object Model）是W3C國際組織的一套Web標準。它定義了訪問HTML文檔對象的一套屬性、方法和事件。它是一種與平臺和語言無關(guān)的應(yīng)用程序接口(API),它可以動態(tài)地訪問程序和腳本,更新其內(nèi)容、結(jié)構(gòu)和www文檔的風格(目前,HTML和XML文檔是通過說明部分定義的)。

5.2. 組成

核心DOM - 針對任何結(jié)構(gòu)化文檔的標準模型

XML DOM - 針對 XML 文檔的標準模型

HTML DOM - 針對 HTML 文檔的標準模型

5.3. 歷史

5.3.1 DOM0

由于DOM0在W3C進行標準備化之前出現(xiàn)，還處于未形成標準的初期階段，這時Netscape和Microsoft各自推出自己的第四代瀏覽器，自此DOM遍開始出各種問題。

5.3.2 DOM0與DHTML

Netscape Navigator 4和IE4分別發(fā)布于1997年的6月和10月，這兩種瀏覽器都大幅擴展了DOM，使JavaScript的功能大大增加，而此時也開始出現(xiàn)一個新名詞：DHTML。

5.3.3 DHTML

Dynamic HTML（動態(tài)HTML）的簡稱：利用HTML把網(wǎng)頁標記為各種元素、利用CSS設(shè)置元素樣式及其顯示位置、利用JavaScript操控頁面元素和樣式。

5.3.4 DOM1

在瀏覽器廠商進行瀏覽器大站的同時，W3C結(jié)合大家的優(yōu)點推出了一個標準化的DOM，并于1998年10月完成了第一級 DOM，即：DOM1。1998 年 10 月，W3C 推出 DOM 1.0 版本規(guī)范。

DOM Core（核心部分）：把 XML 文檔設(shè)計為樹形節(jié)點結(jié)構(gòu)，并為這種結(jié)構(gòu)的運行機制制訂了一套規(guī)范化標準，同時定義了創(chuàng)建、編輯、操縱這些文檔結(jié)構(gòu)的基本屬性和方法。

DOM HTML：針對 HTML 文檔、標簽集合，以及與個別 HTML 標簽相關(guān)的元素定義了對象、屬性和方法。

W3C將DOM定義為一個與平臺和編程語言無關(guān)的接口，通過這個接口程序和腳本可以動態(tài)的訪問和修改文檔的內(nèi)容、結(jié)構(gòu)和樣式。

5.3.5 DOM2

2000 年 11 月，W3C 正式發(fā)布 DOM 2 級規(guī)范。

DOM視圖（DOM Views）：定義了跟蹤不同文檔視圖的接口

DOM事件（DOM Events）：定義了事件和事件處理的接口

DOM樣式（DOM Style）：定義了基于CSS為元素應(yīng)用樣式的接口

DOM遍歷和范圍（DOM Traversal and Range）：定義了遍歷和操作文檔樹的接口

2003 年 1 月，W3C 正式發(fā)布了修訂DOM 2.0 ，

DOM2 Core：繼承于 DOM Core 子規(guī)范，規(guī)定了 DOM 文檔結(jié)構(gòu)模型，添加了更多的特性，如針對命名空間的方法等。

DOM2 HTML：繼承于 DOM HTML，規(guī)定了針對 HTML 的 DOM 文檔結(jié)構(gòu)模型，并添加了一些屬性。

DOM2 Events：規(guī)定了與鼠標相關(guān)的事件（包括目標、捕獲冒泡和取消）的控制機制，但不包含與鍵盤相關(guān)事件的處理部分。

DOM2 Style（或 DOM2 CSS）：提供了訪問和操縱所有與 CSS 相關(guān)的樣式及規(guī)則的能力。

DOM2 Traversal 和 DOM2 Range：DOM2 Traversal 規(guī)范允許開發(fā)人員通過迭代方式訪問 DOM，DOM2 Range 規(guī)范允許對指定范圍的內(nèi)容進行操作。

DOM2 Views：提供了訪問和更新文檔表現(xiàn)（視圖）的能力。

5.3.6 DOM3

DOM3中引入模塊：

DOM加載和保存模塊（DOM Load and Save）：引入了以統(tǒng)一方式加載和保存文檔的方法

DOM驗證模塊（DOM Validation）：定義了驗證文檔的方法

DOM核心的擴展（DOM Style）：支持XML 1.0規(guī)范，涉及XML Infoset、XPath和XML Base

2004 年 4 月，W3C 發(fā)布 DOM3 子規(guī)范。

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

DOM3 Load and Save：提供將 XML 文檔的內(nèi)容加載到 DOM 文檔中，以及將 DOM 文檔序列化為 XML 文檔的能力。

DOM3 Validation：提供了確保動態(tài)生成的文檔的有效性的能力，即如何符合文檔類型聲明。

6.BOM

6.1. 簡介

broswer object model（瀏覽器對象模型）

BOM是指瀏覽器對象模型，是用于描述這種對象與對象之間層次關(guān)系的模型，瀏覽器對象模型提供了獨立于內(nèi)容的、可以與瀏覽器窗口進行互動的對象結(jié)構(gòu)。

BOM 主要處理瀏覽器窗口和框架，不過通常瀏覽器特定的 JavaScript 擴展都被看做 BOM 的一部分。這些擴展包括：

彈出新瀏覽器窗口的功能

移動、縮放和關(guān)閉瀏覽器窗口的功能

提供瀏覽器詳細的navigator對象

提供瀏覽器所加載頁面的詳細信息的location對象

提供用戶顯示器分辨率詳細信息的screen對象

對cookies的支持

像XMLHttpRequest和IE的ActiveXObject這樣的自定義對象。

IE 3.0 和 Netscape Navigator 3.0 提供了一種特性 - BOM（瀏覽器對象模型），可以對瀏覽器窗口進行訪問和操作。使用 BOM，開發(fā)者可以移動窗口、改變狀態(tài)欄中的文本以及執(zhí)行其他與頁面內(nèi)容不直接相關(guān)的動作。使 BOM 獨樹一幟且又常常令人懷疑的地方在于，它只是 JavaScript 的一個部分，沒有任何相關(guān)的標準。

由于沒有BOM標準可以遵循，因此每個瀏覽器都有自己的實現(xiàn)。有一些事實上的標準，如具有一個窗口對象和一個導(dǎo)航對象，不過每種瀏覽器可以為這些對象或其他對象定義自己的屬性和方法?，F(xiàn)在有了HTML5，BOM實現(xiàn)的細節(jié)有望朝著兼容性越來越高的方向發(fā)展。

6.2. 組成

Window:對象表示瀏覽器中打開的窗口,最頂層對象

Navigator :瀏覽器對象

Screen: 屏幕對象

History:瀏覽器歷史對象

Location:地址對象

附：思維導(dǎo)圖

附：web發(fā)展年鑒