web標準簡介

簡介

web（World Wide Web）即全球廣域網，也稱爲萬維網，它是一種基於超文本和HTTP的、全球性的、動態交互的、跨平臺的分佈式圖形信息系統

定義

不是某一個標準，而是一系列標準的集合，主要由三部分組成：結構（Structure）、表現（Presentation）和行爲（Behavior）。

結構化標準語言：XML、HTML
表現標準語言：CSS
行爲標準語言：對象模型（如W3C DOM）、ECMAScript

結構

標準通用標記語言

1. 簡介
   Standard Generalized Markup language，SGM或SGML，一種定義電子文檔結構和描述其內容的國際標準語言全部電子文檔標記語言的起源，早在萬維網發明以前「通用標言」就已存在。
   1986年國際標準化組織出版發佈的一個信息管理方面的國際標準（ISO 8879:1986 信息處理）
2. 標記語言
   在電子計算機中，標記指計算機所能理解的信息符號，經過此種標記，計算機之間能夠處理包含各類的信息好比文章等。
   能夠用來標記數據、定義數據類型，是一種容許用戶對本身的標記語言進行定義的源語言。
   優勢：高穩定性、高可攜性、高完整性
   缺點：高複雜性、費用昂貴
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。一種用於標記電子文件使其具備結構性的標記語言。

HTML

1. 簡介
   Hyper Text Markup Language
   超文本標記語言，是一種標識性的語言。超文本是一種組織信息的方式，它經過超級連接方法將文本中的文字、圖表與其餘信息媒體相關聯。
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在富媒體、富內容和富應用等方面的能力，被喻爲終將改變移動互聯網的重要推手。
   特色:簡易性、可擴展性、平臺無關性、通用性

HTML5

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是互聯網的下一代標準，是構建以及呈現互聯網內容的一種語言方式．被認爲是互聯網的核心技術之一

表現

1. 簡介
   層疊樣式表(Cascading Style Sheets)是一種用來表現HTML或XML等文件樣式的計算機語言。
   CSS不只能夠靜態地修飾網頁，還能夠配合各類腳本語言動態地對網頁各元素進行格式化。
2. 歷史
   1994年哈坤·利提出了CSS的最初建議。
   1996年末，CSS初稿已經完成，同年12月，層疊樣式表的第一份正式標準（Cascading style Sheets Level 1）完成，成爲w3c的推薦標準。
   CSS2 發佈於 1999 年 1 月 11 日。CSS2 添加了對媒介（打印機和聽覺設備）和可下載字體的支持。
   CSS3 計劃將 CSS 劃分爲更小的模塊。
3. CSS3
   CSS3是CSS（層疊樣式表）技術的升級版本，於1999年開始制訂，2001年5月23日W3C完成了CSS3的工做草案，主要包括盒子模型、列表模塊、超連接方式、語言模塊、背景和邊框、文字特效、多欄佈局等模塊。
   CSS演進的一個主要變化就是W3C決定將CSS3分紅一系列模塊。

行爲

1. 簡介
   腳本script是使用一種特定的描述性語言，依據必定的格式編寫的可執行文件，又稱做宏或批處理文件。腳本一般能夠由應用程序臨時調用並執行。

Javascript

1. 簡介
   JavaScript的標準是ECMAScript
   JavaScript（簡稱「JS」） 是一種具備函數優先的輕量級，解釋型或即時編譯型的高級編程語言。
   JavaScript在1995年由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。

2. 組成

   ECMAScript，描述了該語言的語法和基本對象。
   文檔對象模型（DOM），描述處理網頁內容的方法和接口。
   瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口。

ECMAScript

1. 簡介
   ECMAScript是一種由Ecma國際（前身爲歐洲計算機制造商協會，European Computer Manufacturers Association）經過ECMA-262標準化的腳本程序設計語言。

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。

DOM

1. 簡介
   DOM是Document Object Model文檔對象模型的縮寫。DOM是一種與瀏覽器，平臺，語言的接口，使得你能夠訪問頁面其餘的標準組件。
   DOM（DOM—Document Object Model）是W3C國際組織的一套Web標準。它定義了訪問HTML文檔對象的一套屬性、方法和事件。它是一種與平臺和語言無關的應用程序接口(API),它能夠動態地訪問程序和腳本,更新其內容、結構和www文檔的風格(目前,HTML和XML文檔是經過說明部分定義的)。
2. 組成
   核心DOM - 針對任何結構化文檔的標準模型
   XML DOM - 針對 XML 文檔的標準模型
   HTML DOM - 針對 HTML 文檔的標準模型
3. 歷史

• DOM0
  因爲DOM0在W3C進行標準備化以前出現，還處於未造成標準的初期階段，這時Netscape和Microsoft各自推出本身的第四代瀏覽器，自此DOM遍開始出各類問題。
• DOM0與DHTML
  Netscape Navigator 4和IE4分別發佈於1997年的6月和10月，這兩種瀏覽器都大幅擴展了DOM，使JavaScript的功能大大增長，而此時也開始出現一個新名詞：DHTML。
• DHTML
  Dynamic HTML（動態HTML）的簡稱：利用HTML把網頁標記爲各類元素、利用CSS設置元素樣式及其顯示位置、利用JavaScript操控頁面元素和樣式。

• DOM1
  在瀏覽器廠商進行瀏覽器大站的同時，W3C結合你們的優勢推出了一個標準化的DOM，並於1998年10月完成了第一級 DOM，即：DOM1。1998 年 10 月，W3C 推出 DOM 1.0 版本規範。

  DOM Core（核心部分）：把 XML 文檔設計爲樹形節點結構，併爲這種結構的運行機制制訂了一套規範化標準，同時定義了建立、編輯、操縱這些文檔結構的基本屬性和方法。
  DOM HTML：針對 HTML 文檔、標籤集合，以及與個別 HTML 標籤相關的元素定義了對象、屬性和方法。

  W3C將DOM定義爲一個與平臺和編程語言無關的接口，經過這個接口程序和腳本能夠動態的訪問和修改文檔的內容、結構和樣式。

• 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：提供了訪問和更新文檔表現（視圖）的能力。

• 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：提供了確保動態生成的文檔的有效性的能力，即如何符合文檔類型聲明。

BOM

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實現的細節有望朝着兼容性愈來愈高的方向發展。

2. 組成
   Window:對象表示瀏覽器中打開的窗口,最頂層對象
   Navigator :瀏覽器對象
   Screen: 屏幕對象
   History:瀏覽器歷史對象
   Location:地址對象

附：思惟導圖

附：web發展年鑑