1、-. z.*ML入門(mén)經(jīng)典教程目錄*ML 根底*ML 簡(jiǎn)介什么是 *ML，以及它與 HTML 的區(qū)別。 如何使用 *ML不同的 *ML 使用方式。 *ML 樹(shù)構(gòu)造*ML 文檔如何形成一種有邏輯的樹(shù)構(gòu)造。 *ML 語(yǔ)法有邏輯且非常簡(jiǎn)單的 *ML 語(yǔ)法規(guī)則。 *ML 元素*ML 元素、內(nèi)容和命名規(guī)則、父與子元素之間的關(guān)系。 *ML 屬性如何使用 *ML 屬性提供關(guān)于元素的額外信息。 *ML 驗(yàn)證形式良好的文檔與合法文檔之間的差異，以及如何規(guī)定 *ML 文檔的構(gòu)造。 *ML 驗(yàn)證器簡(jiǎn)單的 *ML 在線語(yǔ)法檢查工具。 *ML 瀏覽器支持大局部常用的瀏覽器對(duì) *ML 的支持 在瀏覽器中查看 *ML如何通過(guò)

2、您的瀏覽器來(lái)查看 *ML 文件。 使用 CSS 來(lái)顯示 *ML如何使用 CSS 來(lái)顯示一個(gè) *ML 文件。 使用 *SL 來(lái)顯示 *ML如何使用 *SL 來(lái)顯示一個(gè) *ML 文件。 *ML JavaScript*ML 解析器如何使用瀏覽器來(lái)讀取、更新、創(chuàng)立并操作 *ML 文檔。 *ML DOM關(guān)于 *ML 文檔對(duì)象模型DOM。 *ML to HTML如何在 HTML 文檔中顯示 *ML 數(shù)據(jù)。 *ML Request 對(duì)象如何在不重新加載頁(yè)面的情況下，使用來(lái)自效勞器的數(shù)據(jù)對(duì)頁(yè)面進(jìn)展更新。 *ML 應(yīng)用程序如何使用 *ML 數(shù)據(jù)和 JavaScript 來(lái)創(chuàng)立復(fù)雜的 HTML 應(yīng)用程序。 *ML

3、 高級(jí)*ML 命名空間如何使用 *ML 命名空間防止元素命名沖突。 *ML CDATA如何告知 *ML 解析器不去解析文本。 *ML 編碼如何在您的 *ML 文檔使用不同的字符集。 *ML 效勞器如何從效勞器端輸出 *ML。 *ML DOM 高級(jí)更多關(guān)于 *ML 文檔對(duì)象模型的知識(shí)。 *ML Dont本節(jié)講解在在使用 *ML 時(shí)盡量防止使用的技術(shù)。 把數(shù)據(jù)存儲(chǔ)到 *ML 文件通常地，我們?cè)跀?shù)據(jù)庫(kù)中存儲(chǔ)數(shù)據(jù)。不過(guò)，假設(shè)我們希望數(shù)據(jù)更加易用，則可以將數(shù)據(jù)存儲(chǔ)于 *ML 文件之中。 *ML 技術(shù)與 *ML 相關(guān)的最常用的技術(shù)。 現(xiàn)實(shí)生活中的 *ML在現(xiàn)實(shí)世界中 *ML 如何被使用的例子。 *ML 編

4、輯器當(dāng)編輯 *ML 文檔時(shí)，為什么要使用 *ML 編輯器。 *ML 總結(jié)本文包括在本教程所學(xué)內(nèi)容的一個(gè)總結(jié)，以及我們向你推薦的下一步應(yīng)該學(xué)習(xí)的內(nèi)容。 *ML 實(shí)例/測(cè)驗(yàn)*ML 實(shí)例非常多的 *ML 實(shí)例！ *ML 測(cè)驗(yàn)在 W3School 測(cè)試你的 *ML 技能！ 01、*ML 簡(jiǎn)介Previous PageNe*t Page*ML 被設(shè)計(jì)用來(lái)傳輸和存儲(chǔ)數(shù)據(jù)。HTML 被設(shè)計(jì)用來(lái)顯示數(shù)據(jù)。應(yīng)該掌握的根底知識(shí)：在您繼續(xù)學(xué)習(xí)之前，需要對(duì)以下知識(shí)有根本的了解：HTML / *HTML JavaScript 如果您希望首先學(xué)習(xí)這些工程，請(qǐng)?jiān)谖覀兊?首頁(yè) 訪問(wèn)這些教程。什么是 *ML*ML 指可擴(kuò)展標(biāo)記

5、語(yǔ)言E*tensible Markup Language *ML 是一種標(biāo)記語(yǔ)言，很類(lèi)似 HTML *ML 的設(shè)計(jì)宗旨是傳輸數(shù)據(jù)，而非顯示數(shù)據(jù) *ML 標(biāo)簽沒(méi)有被預(yù)定義。您需要自行定義標(biāo)簽。 *ML 被設(shè)計(jì)為具有自我描述性。 *ML 是 W3C 的推薦標(biāo)準(zhǔn)*ML 與 HTML 的主要差異*ML 不是 HTML 的替代。*ML 和 HTML 為不同的目的而設(shè)計(jì)：*ML 被設(shè)計(jì)為傳輸和存儲(chǔ)數(shù)據(jù)，其焦點(diǎn)是數(shù)據(jù)的內(nèi)容。HTML 被設(shè)計(jì)用來(lái)顯示數(shù)據(jù)，其焦點(diǎn)是數(shù)據(jù)的外觀。HTML 旨在顯示信息，而 *ML 旨在傳輸信息。*ML 是不作為的沒(méi)有任何行為的 *ML也許這有點(diǎn)難以理解，但是 *ML 不會(huì)做任何事

6、情。*ML 被設(shè)計(jì)用來(lái)構(gòu)造化、存儲(chǔ)以及傳輸信息。下面是 John 寫(xiě)給 George 的便簽，存儲(chǔ)為 *ML：GeorgeJohnReminderDont forget the meeting!這個(gè)標(biāo)簽有標(biāo)題以及留言。它也包含了發(fā)送者和承受者的信息。但是，這個(gè) *ML 文檔仍然沒(méi)有做任何事情。它僅僅是包裝在 *ML 標(biāo)簽中的純粹的信息。我們需要編寫(xiě)軟件或者程序，才能傳送、接收和顯示出這個(gè)文檔。*ML 僅僅是純文本*ML 沒(méi)什么特別的。它僅僅是純文本而已。有能力處理純文本的軟件都可以處理 *ML。不過(guò)，能夠讀懂 *ML 的應(yīng)用程序可以有針對(duì)性地處理 *ML 的標(biāo)簽。標(biāo)簽的功能性意義依賴于應(yīng)用程序

7、的特性。通過(guò) *ML 您可以創(chuàng)造自己的標(biāo)簽上例中的標(biāo)簽沒(méi)有在任何 *ML 標(biāo)準(zhǔn)中定義過(guò)比方 和 。這些標(biāo)簽是由文檔的創(chuàng)作者創(chuàng)造的。這是因?yàn)?*ML 沒(méi)有預(yù)定義的標(biāo)簽。在 HTML 中使用的標(biāo)簽以及 HTML 的構(gòu)造是預(yù)定義的。HTML 文檔只使用在 HTML 標(biāo)準(zhǔn)中定義過(guò)的標(biāo)簽比方 、 等等。*ML 允許創(chuàng)作者定義自己的標(biāo)簽和自己的文檔構(gòu)造。*ML 不是對(duì) HTML 的替代*ML 是對(duì) HTML 的補(bǔ)充。*ML 不是對(duì) HTML 的替代，理解這一點(diǎn)很重要。在大多數(shù) web 應(yīng)用程序中，*ML 用于傳輸數(shù)據(jù)，而 HTML 用于格式化并顯示數(shù)據(jù)。對(duì) *ML 的最好的描述是：*ML 是獨(dú)立于軟件和硬

8、件的信息傳輸工具。*ML 是 W3C 的推薦標(biāo)準(zhǔn)可擴(kuò)展標(biāo)記語(yǔ)言 (*ML) 于 1998 年 2 月 10 日成為 W3C 的推薦標(biāo)準(zhǔn)。*ML 無(wú)所不在當(dāng)我們看到 *ML 標(biāo)準(zhǔn)突飛猛進(jìn)的開(kāi)發(fā)進(jìn)度，以及大批的軟件開(kāi)發(fā)商采用這個(gè)標(biāo)準(zhǔn)的日新月異的速度時(shí)，真的是不禁感慨這真是令人嘆為觀止。目前，*ML 在 Web 中起到的作用不會(huì)亞于一直作為 Web 基石的 HTML。*ML 無(wú)所不在。*ML 是各種應(yīng)用程序之間進(jìn)展數(shù)據(jù)傳輸?shù)淖畛Ｓ玫墓ぞ?，并且在信息存?chǔ)和描述領(lǐng)域變得越來(lái)越流行。02、*ML 的用途Previous PageNe*t Page*ML 應(yīng)用于 web 開(kāi)發(fā)的許多方面，常用于簡(jiǎn)化數(shù)據(jù)的存儲(chǔ)

9、和共享。*ML 把數(shù)據(jù)從 HTML 別離如果你需要在 HTML 文檔中顯示動(dòng)態(tài)數(shù)據(jù)，則每當(dāng)數(shù)據(jù)改變時(shí)將花費(fèi)大量的時(shí)間來(lái)編輯 HTML。通過(guò) *ML，數(shù)據(jù)能夠存儲(chǔ)在獨(dú)立的 *ML 文件中。這樣你就可以專(zhuān)注于使用 HTML 進(jìn)展布局和顯示，并確保修改底層數(shù)據(jù)不再需要對(duì) HTML 進(jìn)展任何的改變。通過(guò)使用幾行 JavaScript，你就可以讀取一個(gè)外部 *ML 文件，然后更新 HTML 中的數(shù)據(jù)內(nèi)容。您將在稍后的章節(jié)學(xué)習(xí)更多這方面的內(nèi)容。*ML 簡(jiǎn)化數(shù)據(jù)共享在真實(shí)的世界中，計(jì)算機(jī)系統(tǒng)和數(shù)據(jù)使用不兼容的格式來(lái)存儲(chǔ)數(shù)據(jù)。*ML 數(shù)據(jù)以純文本格式進(jìn)展存儲(chǔ)，因此提供了一種獨(dú)立于軟件和硬件的數(shù)據(jù)存儲(chǔ)方法。這讓

10、創(chuàng)立不同應(yīng)用程序可以共享的數(shù)據(jù)變得更加容易。*ML 簡(jiǎn)化數(shù)據(jù)傳輸通過(guò) *ML，可以在不兼容的系統(tǒng)之間輕松地交換數(shù)據(jù)。對(duì)開(kāi)發(fā)人員來(lái)說(shuō)，其中一項(xiàng)最費(fèi)時(shí)的挑戰(zhàn)一直是在因特網(wǎng)上的不兼容系統(tǒng)之間交換數(shù)據(jù)。由于可以通過(guò)各種不兼容的應(yīng)用程序來(lái)讀取數(shù)據(jù)，以 *ML 交換數(shù)據(jù)降低了這種復(fù)雜性。*ML 簡(jiǎn)化平臺(tái)的變更升級(jí)到新的系統(tǒng)硬件或軟件平臺(tái)，總是非常費(fèi)時(shí)的。必須轉(zhuǎn)換大量的數(shù)據(jù)，不兼容的數(shù)據(jù)經(jīng)常會(huì)喪失。*ML 數(shù)據(jù)以文本格式存儲(chǔ)。這使得 *ML 在不損失數(shù)據(jù)的情況下，更容易擴(kuò)展或升級(jí)到新的操作系統(tǒng)、新應(yīng)用程序或新的瀏覽器。*ML 使您的數(shù)據(jù)更有用由于 *ML 獨(dú)立于硬件、軟件以及應(yīng)用程序，*ML 使您的數(shù)據(jù)更可

11、用，也更有用。不同的應(yīng)用程序都能夠訪問(wèn)您的數(shù)據(jù)，不僅僅在 HTML 頁(yè)中，也可以從 *ML 數(shù)據(jù)源中進(jìn)展訪問(wèn)。通過(guò) *ML，您的數(shù)據(jù)可供各種閱讀設(shè)備使用手持的計(jì)算機(jī)、語(yǔ)音設(shè)備、新聞閱讀器等，還可以供盲人或其他殘障人士使用。*ML 用于創(chuàng)立新的 Internet 語(yǔ)言很多新的 Internet 語(yǔ)言是通過(guò) *ML 創(chuàng)立的：其中的例子包括：*HTML - 最新的 HTML 版本 WSDL - 用于描述可用的 web service WAP 和 WML - 用于手持設(shè)備的標(biāo)記語(yǔ)言 RSS - 用于 RSS feed 的語(yǔ)言 RDF 和 OWL - 用于描述資源和本體 SMIL - 用于描述針針對(duì) w

12、eb 的多媒體 03、*ML 樹(shù)構(gòu)造Previous PageNe*t Page*ML 文檔形成了一種樹(shù)構(gòu)造，它從根部開(kāi)場(chǎng)，然后擴(kuò)展到枝葉。一個(gè) *ML 文檔實(shí)例*ML 使用了簡(jiǎn)單的具有自我描述性的語(yǔ)法：GeorgeJohnReminderDont forget the meeting!第一行是 *ML 聲明。它定義 *ML 的版本 (1.0) 和所使用的編碼 (ISO-8859-1 = Latin-1/西歐字符集)。下一行描述文檔的根元素像在說(shuō)：本文檔是一個(gè)便簽：接下來(lái) 4 行描述根的 4 個(gè)子元素to, from, heading 以及 body：GeorgeJohnReminderDon

13、t forget the meeting!最后一行定義根元素的結(jié)尾：從本例可以設(shè)想，該 *ML 文檔包含了 John 給 George 的一*便簽。*ML 具有出色的自我描述性，你同意嗎？*ML 文檔形成一種樹(shù)構(gòu)造*ML 文檔必須包含根元素。該元素是所有其他元素的父元素*ML 文檔中的元素形成了一棵文檔樹(shù)。這棵樹(shù)從根部開(kāi)場(chǎng)，并擴(kuò)展到樹(shù)的最底端。所有元素均可擁有子元素： 父、子以及同胞等術(shù)語(yǔ)用于描述元素之間的關(guān)系。父元素?fù)碛凶釉亍Ｒ粯訉蛹?jí)上的子元素成為同胞兄弟或姐妹。所有元素均可擁有文本內(nèi)容和屬性類(lèi)似 HTML 中。實(shí)例上圖表示下面的 *ML 中的一本書(shū)： Everyday Italian G

14、iada De Laurentiis 2005 30.00 Harry Potter J K. Rowling 2005 29.99 Learning *ML Erik T. Ray 2003 39.95 例子中的根元素是 。文檔中的所有 元素都被包含在 中。 元素有 4 個(gè)子元素：、。04、*ML 語(yǔ)法規(guī)則Previous PageNe*t Page*ML 的語(yǔ)法規(guī)則很簡(jiǎn)單，且很有邏輯。這些規(guī)則很容易學(xué)習(xí)，也很容易使用。所有 *ML 元素都須有關(guān)閉標(biāo)簽在 HTML，經(jīng)常會(huì)看到?jīng)]有關(guān)閉標(biāo)簽的元素：This is a paragraphThis is another paragraph在 *ML

15、 中，省略關(guān)閉標(biāo)簽是非法的。所有元素都必須有關(guān)閉標(biāo)簽：This is a paragraphThis is another paragraph 注釋?zhuān)耗苍S已經(jīng)注意到 *ML 聲明沒(méi)有關(guān)閉標(biāo)簽。這不是錯(cuò)誤。聲明不屬于*ML本身的組成局部。它不是 *ML 元素，也不需要關(guān)閉標(biāo)簽。*ML 標(biāo)簽對(duì)大小寫(xiě)敏感*ML 元素使用 *ML 標(biāo)簽進(jìn)展定義。*ML 標(biāo)簽對(duì)大小寫(xiě)敏感。在 *ML 中，標(biāo)簽 與標(biāo)簽 是不同的。必須使用一樣的大小寫(xiě)來(lái)編寫(xiě)翻開(kāi)標(biāo)簽和關(guān)閉標(biāo)簽：這是錯(cuò)誤的。這是正確的。 注釋?zhuān)悍_(kāi)標(biāo)簽和關(guān)閉標(biāo)簽通常被稱(chēng)為開(kāi)場(chǎng)標(biāo)簽和完畢標(biāo)簽。不管您喜歡哪種術(shù)語(yǔ)，它們的概念都是一樣的。*ML 必須正確地嵌套在

16、 HTML 中，常會(huì)看到?jīng)]有正確嵌套的元素：This te*t is bold and italic在 *ML 中，所有元素都必須彼此正確地嵌套：This te*t is bold and italic在上例中，正確嵌套的意思是：由于 元素是在 元素內(nèi)翻開(kāi)的，則它必須在 元素內(nèi)關(guān)閉。*ML 文檔必須有根元素*ML 文檔必須有一個(gè)元素是所有其他元素的父元素。該元素稱(chēng)為根元素。 *ML 的屬性值須加引號(hào)與 HTML 類(lèi)似，*ML 也可擁有屬性名稱(chēng)/值的對(duì)。在 *ML 中，*ML 的屬性值須加引號(hào)。請(qǐng)研究下面的兩個(gè) *ML 文檔。第一個(gè)是錯(cuò)誤的，第二個(gè)是正確的：GeorgeJohn GeorgeJo

17、hn 在第一個(gè)文檔中的錯(cuò)誤是，note 元素中的 date 屬性沒(méi)有加引號(hào)。實(shí)體引用&在 *ML 中，一些字符擁有特殊的意義。如果你把字符 放在 *ML 元素中，會(huì)發(fā)生錯(cuò)誤，這是因?yàn)榻馕銎鲿?huì)把它當(dāng)作新元素的開(kāi)場(chǎng)。這樣會(huì)產(chǎn)生 *ML 錯(cuò)誤：if salary 1000 then為了防止這個(gè)錯(cuò)誤，請(qǐng)用一個(gè)實(shí)體引用來(lái)代替 字符：if salary 1000 then 在 *ML 中，有 5 個(gè)預(yù)定義的實(shí)體引用：大于&和號(hào)'單引號(hào)引號(hào)注釋?zhuān)涸?*ML 中，只有字符 和 & 確實(shí)是非法的。大于號(hào)是合法的，但是用實(shí)體引用來(lái)代替它是一個(gè)好習(xí)慣。*ML 中的注釋在 *ML 中編寫(xiě)注釋的語(yǔ)法與 HTM

18、L 的語(yǔ)法很相似： *ML 中的空格會(huì)被保存HTML 會(huì)把多個(gè)連續(xù)的空格字符裁減為一個(gè)：HTML:Hello my name is David.輸出:Hello my name is David.在 *ML 中，文檔中的空格不會(huì)被刪節(jié)。*ML 以LF 存儲(chǔ)換行在 Windows 應(yīng)用程序中，換行通常以一對(duì)字符來(lái)存儲(chǔ)：回車(chē)符 (CR) 和換行符 (LF)。這對(duì)字符與打字機(jī)設(shè)置新行的動(dòng)作有相似之處。在 Uni* 應(yīng)用程序中，新行以 LF 字符存儲(chǔ)。而 Macintosh 應(yīng)用程序使用 CR 來(lái)存儲(chǔ)新行。05、*ML 元素Previous PageNe*t Page*ML 文檔包含 *ML 元素。什

19、么是 *ML 元素？*ML 元素指的是從且包括開(kāi)場(chǎng)標(biāo)簽直到且包括完畢標(biāo)簽的局部。元素可包含其他元素、文本或者兩者的混合物。元素也可以擁有屬性。 Harry Potter J K. Rowling 2005 29.99 Learning *ML Erik T. Ray 2003 39.95 在上例中， 和 都擁有元素內(nèi)容，因?yàn)樗鼈儼似渌亍?只有文本內(nèi)容，因?yàn)樗鼉H包含文本。在上例中，只有 元素?fù)碛袑傩?(category=CHILDREN)。*ML 命名規(guī)則*ML 元素必須遵循以下命名規(guī)則：名稱(chēng)可以含字母、數(shù)字以及其他的字符 名稱(chēng)不能以數(shù)字或者標(biāo)點(diǎn)符號(hào)開(kāi)場(chǎng) 名稱(chēng)不能以字符 *ml或者 *M

20、L、*ml開(kāi)場(chǎng) 名稱(chēng)不能包含空格 可使用任何名稱(chēng)，沒(méi)有保存的字詞。最正確命名習(xí)慣使名稱(chēng)具有描述性。使用下劃線的名稱(chēng)也很不錯(cuò)。名稱(chēng)應(yīng)當(dāng)比擬簡(jiǎn)短，比方：，而不是：。防止 - 字符。如果您按照這樣的方式進(jìn)展命名：first-name，一些軟件會(huì)認(rèn)為你需要提取第一個(gè)單詞。防止 . 字符。如果您按照這樣的方式進(jìn)展命名：，一些軟件會(huì)認(rèn)為 name 是對(duì)象 first 的屬性。防止 : 字符。冒號(hào)會(huì)被轉(zhuǎn)換為命名空間來(lái)使用稍后介紹。*ML 文檔經(jīng)常有一個(gè)對(duì)應(yīng)的數(shù)據(jù)庫(kù)，其中的字段會(huì)對(duì)應(yīng) *ML 文檔中的元素。有一個(gè)實(shí)用的經(jīng)歷，即使用數(shù)據(jù)庫(kù)的名稱(chēng)規(guī)則來(lái)命名 *ML 文檔中的元素。非英語(yǔ)的字母比

21、方 也是合法的 *ML 元素名，不過(guò)需要留意當(dāng)軟件開(kāi)發(fā)商不支持這些字符時(shí)可能出現(xiàn)的問(wèn)題。*ML 元素是可擴(kuò)展的增加新元素*ML 元素是可擴(kuò)展，以攜帶更多的信息。請(qǐng)看下面這個(gè) *ML 例子：GeorgeJohnDont forget the meeting! 讓我們?cè)O(shè)想一下，我們創(chuàng)立了一個(gè)應(yīng)用程序，可將 、 以及 元素提取出來(lái)，并產(chǎn)生以下的輸出：MESSAGETo: GeorgeFrom: JohnDont forget the meeting!想象一下，之后這個(gè) *ML 文檔作者又向這個(gè)文檔添加了一些額外的信息：2008-08-08GeorgeJohnReminderDont forget t

22、he meeting!則這個(gè)應(yīng)用程序會(huì)中斷或崩潰嗎？不會(huì)。這個(gè)應(yīng)用程序仍然可以找到 *ML 文檔中的 、 以及 元素，并產(chǎn)生同樣的輸出。*ML 的優(yōu)勢(shì)之一，就是可以經(jīng)常在不中斷應(yīng)用程序的情況進(jìn)展擴(kuò)展。06、*ML 屬性Previous PageNe*t Page*ML 元素可以在開(kāi)場(chǎng)標(biāo)簽中包含屬性，類(lèi)似 HTML。*ML 屬性 (Attribute) 提供關(guān)于元素的額外信息*ML 屬性從 HTML，你會(huì)回憶起這個(gè)：。src 屬性提供有關(guān) 元素的額外信息。在 HTML 中以及在 *ML 中，屬性提供有關(guān)元素的額外信息： 屬性通常提供不屬于數(shù)據(jù)組成局部的信息。在下面的例子中，文件類(lèi)型與數(shù)據(jù)無(wú)關(guān)，但

23、是對(duì)需要處理這個(gè)元素的軟件來(lái)說(shuō)卻很重要：puter.gif*ML 屬性必須加引號(hào)單/雙引號(hào)，如果屬性值本身包含雙引號(hào)，則使用實(shí)體引用，或者可以使用單引號(hào)包圍它屬性值必須被引號(hào)包圍，不過(guò)單引號(hào)和雙引號(hào)均可使用。比方一個(gè)人的性別，person 標(biāo)簽可以這樣寫(xiě)：或者這樣也可以：注釋?zhuān)喝绻麑傩灾当旧戆p引號(hào)，則有必要使用單引號(hào)包圍它，就像這個(gè)例子：或者可以使用實(shí)體引用：*ML 元素 vs. 屬性請(qǐng)看這些例子： Anna Smith female Anna Smith 在第一個(gè)例子中，se* 是一個(gè)屬性。在第二個(gè)例子中，se* 則是一個(gè)子元素。兩個(gè)例子均可提供一樣的信息。沒(méi)有什么規(guī)矩可以告訴我們什么時(shí)

24、候該使用屬性，而什么時(shí)候該使用子元素。我的經(jīng)歷是在 HTML 中，屬性用起來(lái)很便利，但是在 *ML 中，您應(yīng)該盡量防止使用屬性。如果信息感覺(jué)起來(lái)很像數(shù)據(jù)，則請(qǐng)使用子元素吧。我最喜歡的方式下面的三個(gè) *ML 文檔包含完全一樣的信息：第一個(gè)例子中使用了 date 屬性：GeorgeJohnReminderDont forget the meeting! 第二個(gè)例子中使用了 date 元素：08/08/2008GeorgeJohnReminderDont forget the meeting! 第三個(gè)例子中使用了擴(kuò)展的 date 元素這是我的最?lèi)?ài)： 08 08 2008GeorgeJohnRemin

25、derDont forget the meeting!防止 *ML 屬性？盡量使用元素因使用屬性而引起的一些問(wèn)題：屬性無(wú)法包含多個(gè)值子元素可以 屬性無(wú)法描述樹(shù)構(gòu)造子元素可以 屬性不易擴(kuò)展為未來(lái)的變化 屬性難以閱讀和維護(hù) 請(qǐng)盡量使用元素來(lái)描述數(shù)據(jù)。而僅僅使用屬性來(lái)提供與數(shù)據(jù)無(wú)關(guān)的信息。不要做這樣的蠢事這不是 *ML 應(yīng)該被使用的方式：針對(duì)元數(shù)據(jù)的 *ML 屬性有關(guān)數(shù)據(jù)的數(shù)據(jù)有時(shí)候會(huì)向元素分配 ID 引用。這些 ID 索引可用于標(biāo)識(shí) *ML 元素，它起作用的方式與 HTML 中 ID 屬性是一樣的。這個(gè)例子向我們演示了這種情況： George John Reminder Dont forget t

26、he meeting! John George Re: Reminder I will not 上面的 ID 僅僅是一個(gè)標(biāo)識(shí)符，用于標(biāo)識(shí)不同的便簽。它并不是便簽數(shù)據(jù)的組成局部。在此我們竭力向您傳遞的理念是：元數(shù)據(jù)有關(guān)數(shù)據(jù)的數(shù)據(jù)應(yīng)當(dāng)存儲(chǔ)為屬性，而數(shù)據(jù)本身應(yīng)當(dāng)存儲(chǔ)為元素。07、*ML 驗(yàn)證Previous PageNe*t Page擁有正確語(yǔ)法的 *ML 被稱(chēng)為形式良好的 *ML。通過(guò)*個(gè) DTD 進(jìn)展了驗(yàn)證的 *ML 是合法的 *ML。形式良好的 *ML 文檔一個(gè)形式良好的 *ML 文檔擁有正確的語(yǔ)法一個(gè)形式良好的 *ML 文檔會(huì)遵守前幾章介紹過(guò)的 *ML 語(yǔ)法規(guī)則：*ML 文檔必須有根元素 *

27、ML 文檔必須有關(guān)閉標(biāo)簽 *ML 標(biāo)簽對(duì)大小寫(xiě)敏感 *ML 元素必須被正確的嵌套 *ML 屬性必須加引號(hào) GeorgeJohnReminderDont forget the meeting!驗(yàn)證 *ML 文檔一個(gè)合法的 *ML 文檔是形式良好的 *ML 文檔，同樣遵守文檔類(lèi)型定義 (DTD) 的語(yǔ)法規(guī)則GeorgeJohnReminderDont forget the meeting! 在上例中，DOCTYPE 聲明是對(duì)外部 DTD 文件的引用。下面的段落展示了這個(gè)文件的內(nèi)容。*ML DTD DTD 的作用是定義 *ML 文檔的構(gòu)造。它使用一系列合法的元素來(lái)定義文檔構(gòu)造：!DOCTYPE no

28、te 如果您希望學(xué)習(xí) DTD，請(qǐng)?jiān)L問(wèn)我們的 DTD 教程。*ML Schema基于 *ML 的 DTD 代替者W3C 支持一種基于 *ML 的 DTD 代替者，它名為 *ML Schema： 如果您需要學(xué)習(xí) *ML Schema，請(qǐng)?jiān)L問(wèn)我們的 *ML Schema 教程。一個(gè)通用的驗(yàn)證器為了幫助您檢查 *ML 文件的語(yǔ)法，我們創(chuàng)立了這個(gè)工具，以便您對(duì)任何 *ML 文件進(jìn)展語(yǔ)法檢查。請(qǐng)看下一節(jié)。08、查看 *ML 文件Previous PageNe*t Page在所有現(xiàn)代瀏覽器中，可查看原始的 *ML 文件翻開(kāi) *ML 文件 - *ML 文檔將顯示為代碼顏色化的根以及子元素。通過(guò)點(diǎn)擊元素左側(cè)的加

29、號(hào)或減號(hào)，可以展開(kāi)或收起元素的構(gòu)造。如需查看不帶有 + 和 - 符號(hào)的源代碼，請(qǐng)從瀏覽器菜單中選擇查看源代碼。注釋?zhuān)涸?Netscape, Opera 以及 Safari 中，僅僅會(huì)顯示元素文本！要查看原始的 *ML，請(qǐng)右擊頁(yè)面，然后選擇查看源代碼。查看*個(gè)無(wú)效的 *ML 文件如果瀏覽器翻開(kāi)了*個(gè)有錯(cuò)誤的 *ML 文件，則它會(huì)報(bào)告這個(gè)錯(cuò)誤。請(qǐng)查看這個(gè) *ML 文件：note_error.*ml其他的 *ML 實(shí)例請(qǐng)查看這些 *ML 文檔，這會(huì)有助于您建立對(duì) *ML 的感性認(rèn)識(shí)。一個(gè) *ML 的 CD 目錄這是我父親的 CD 收藏，被存儲(chǔ)為 *ML 數(shù)據(jù)我猜可能是很老很無(wú)聊的題目. :-) 一個(gè)

30、 *ML 的植物目錄來(lái)自園藝店的植物目錄，存儲(chǔ)為 *ML 數(shù)據(jù)。 一個(gè)簡(jiǎn)單的菜單這是來(lái)自餐館的早餐菜單，存儲(chǔ)為 *ML 數(shù)據(jù)。 為什么 *ML 會(huì)這樣顯示？*ML 文檔不會(huì)攜帶有關(guān)如何顯示數(shù)據(jù)的信息。由于 *ML 標(biāo)簽由 *ML 文檔的作者創(chuàng)造，瀏覽器無(wú)法確定像 這樣一個(gè)標(biāo)簽終究描述一個(gè) HTML 表格還是一個(gè)餐桌。在沒(méi)有任何有關(guān)如何顯示數(shù)據(jù)的信息的情況下，大多數(shù)的瀏覽器都會(huì)僅僅把 *ML 文檔顯示為源代碼。在下面的章節(jié)，我們會(huì)了解幾個(gè)有關(guān)這個(gè)顯示問(wèn)題的解決方案，其中會(huì)使用 CSS、*SL、JavaScript 以及 *ML 數(shù)據(jù)島。09、使用 *SLT 顯示 *ML首選Previous Pa

31、geNe*t Page通過(guò)使用 *SLT，您可以向 *ML 文檔添加顯示信息。使用 *SLT 顯示 *ML*SLT 是首選的 *ML 樣式表語(yǔ)言。*SLT (e*tensible Stylesheet Language Transformations) 遠(yuǎn)比 CSS 更加完善。使用 *SLT 的方法之一是在瀏覽器顯示 *ML 文件之前，先把它轉(zhuǎn)換為 HTML，正如以下的這些例子演示的那樣：查看 *ML 文件，- HYPERLINK .w3school./e*ample/*mle/simple.*ml l # - HYPERLINK .w3school./e*ample/*mle/simple.

32、*ml l # -Belgian Waffles$5.95two of our famous Belgian Waffles with plenty of real maple syrup650 HYPERLINK .w3school./e*ample/*mle/simple.*ml l # -Strawberry Belgian Waffles$7.95light Belgian waffles covered with strawberries and whipped cream900 HYPERLINK .w3school./e*ample/*mle/simple.*ml l # -Be

33、rry-Berry Belgian Waffles$8.95light Belgian waffles covered with an assortment of fresh berries and whipped cream900 HYPERLINK .w3school./e*ample/*mle/simple.*ml l # -French Toast$4.50thick slices made from our homemade sourdough bread600 HYPERLINK .w3school./e*ample/*mle/simple.*ml l # -Homestyle B

34、reakfast$6.95two eggs, bacon or sausage, toast, and our ever-popular hash browns950*SLT 樣式表，- HYPERLINK .w3school./e*ample/*mle/simple.*sl l # - HYPERLINK .w3school./e*ample/*mle/simple.*sl l # - HYPERLINK .w3school./e*ample/*mle/simple.*sl l # - HYPERLINK .w3school./e*ample/*mle/simple.*sl l # - HY

35、PERLINK .w3school./e*ample/*mle/simple.*sl l # - HYPERLINK .w3school./e*ample/*mle/simple.*sl l # - HYPERLINK .w3school./e*ample/*mle/simple.*sl l # -(calories per serving) 查看結(jié)果。下面是此 *ML 文件的一個(gè)片斷。 第二行，把這個(gè) *ML 文件到 *SL 文件： Belgian Waffles $5.95 two of our famous Belgian Waffles 650 如果您需要學(xué)習(xí)更多有關(guān) *SLT 的知識(shí)

36、，請(qǐng)?jiān)L問(wèn)我們的*SLT 教程。在效勞器上通過(guò) *SLT 轉(zhuǎn)換 *ML在上例中，*SLT 轉(zhuǎn)換是由瀏覽器完成的，瀏覽器讀取的是 *ML 文件。在使用 *SLT 來(lái)轉(zhuǎn)換 *ML 時(shí)，不同的瀏覽器可能會(huì)產(chǎn)生不同結(jié)果。為了減少這種問(wèn)題，可以在效勞器上進(jìn)展 *SLT 轉(zhuǎn)換。查看結(jié)果。請(qǐng)注意，不管轉(zhuǎn)換由效勞器還是由瀏覽器進(jìn)展，輸出結(jié)果完成一樣。10、使用 CSS 顯示 *MLPrevious PageNe*t Page通過(guò)使用 CSS，可為 *ML 文檔添加顯示信息。使用 CSS 顯示您的 *ML？使用 CSS 來(lái)格式化 *ML 文檔是有可能的。下面的例子就是關(guān)于如何使用 CSS 樣式表來(lái)格式化*個(gè)*ML

37、文檔：這是 *ML 文件：CD 目錄這是樣式表：CSS 文件最后，請(qǐng)查看效果：由 CSS 文件格式化的 CD 目錄下面是此*ML文件的一個(gè)片斷。 第二行，把這個(gè) *ML 文件到 CSS 文件： Empire Burlesque Bob Dylan USA Columbia 10.90 1985 Hide your heart Bonnie Tyler UK CBS Records 9.90 1988 .注釋?zhuān)菏褂?CSS 格式化 *ML 不能代表 *ML 文檔樣式化的未來(lái)。*ML 文檔應(yīng)當(dāng)使用 W3C 的 *SL 標(biāo)準(zhǔn)進(jìn)展格式化！11、*ML 解析器如何使用瀏覽器來(lái)讀取、更新、創(chuàng)立并操作 *M

38、L 文檔Previous PageNe*t Page大多數(shù)瀏覽器都有讀取和操作 *ML 的內(nèi)建 *ML 解析器。解析器把 *ML 轉(zhuǎn)換為 JavaScript 可訪問(wèn)的對(duì)象。實(shí)例W3School 提供的實(shí)例是獨(dú)立于瀏覽器和平臺(tái)的。這些例子可以在所有現(xiàn)代瀏覽器中運(yùn)行。加載并解析 *ML 文件例子function parse*ML()try /Internet E*plorer *mlDoc=new Active*Object(Microsoft.*MLDOM); catch(e) try /Firefo*, Mozilla, Opera, etc. *mlDoc=document.impleme

39、ntation.createDocument(,null); catch(e) alert(e.message); return; *mlDoc.async=false;*mlDoc.load(/e*ample/*mle/note.*ml);document.getElementById(to).innerHTML=*mlDoc.getElementsByTagName(to)0.childNodes0.nodeValue;document.getElementById(from).innerHTML=*mlDoc.getElementsByTagName(from)0.childNodes0

40、.nodeValue;document.getElementById(message).innerHTML=*mlDoc.getElementsByTagName(body)0.childNodes0.nodeValue;W3Schools Internal NoteTo: From: Message: 加載并解析 *ML 字符串例子function parse*ML()te*t=;te*t=te*t+George;te*t=te*t+John;te*t=te*t+Reminder;te*t=te*t+Dont forget the meeting!;te*t=te*t+;try /Inter

41、net E*plorer *mlDoc=new Active*Object(Microsoft.*MLDOM); *mlDoc.async=false; *mlDoc.load*ML(te*t); catch(e) try /Firefo*, Mozilla, Opera, etc. parser=new DOMParser(); *mlDoc=parser.parseFromString(te*t,te*t/*ml); catch(e) alert(e.message); return; document.getElementById(to).innerHTML=*mlDoc.getElem

42、entsByTagName(to)0.childNodes0.nodeValue;document.getElementById(from).innerHTML=*mlDoc.getElementsByTagName(from)0.childNodes0.nodeValue;document.getElementById(message).innerHTML=*mlDoc.getElementsByTagName(body)0.childNodes0.nodeValue;W3Schools Internal NoteTo: From: Message: 解析 *ML所有現(xiàn)代瀏覽器都有讀取和操作

43、 *ML 的內(nèi)建 *ML 解析器。解析器把 *ML 載入內(nèi)存，然后把它轉(zhuǎn)換為可通過(guò) JavaScript 訪問(wèn)的 *ML DOM 對(duì)象。您將在本教程的下一節(jié)中學(xué)習(xí)更多有關(guān) *ML DOM 的知識(shí)。微軟的 *ML 解析器與其他瀏覽器中的解析器之間，存在一些差異。微軟的解析器支持 *ML 文件和 *ML 字符串文本的加載，而其他瀏覽器使用單獨(dú)的解析器。不過(guò)，所有的解析器都包含遍歷 *ML 樹(shù)、訪問(wèn)插入及刪除節(jié)點(diǎn)元素及其屬性的函數(shù)。在本教程中，我們將為您展示如何創(chuàng)立可同時(shí)工作于 Internet E*plorer 和其他瀏覽器中的腳本。注釋?zhuān)寒?dāng)我們談及 *ML 解析，我們常常會(huì)使用有關(guān) *ML 元素

44、的術(shù)語(yǔ)：節(jié)點(diǎn)。通過(guò)微軟的 *ML 解析器來(lái)加載 *ML微軟的 *ML 解析器內(nèi)建于 Internet E*plorer 5 以及更高的版本中。下面的 JavaScript 片段把一個(gè) *ML 文檔載入解析器中：var *mlDoc=new Active*Object(Microsoft.*MLDOM);*mlDoc.async=false;*mlDoc.load(note.*ml);例子解釋?zhuān)荷厦娲a的第一個(gè)行創(chuàng)立一個(gè)空的微軟 *ML 文檔對(duì)象。 第二行關(guān)閉異步加載，這樣確保在文檔完全加載之前解析器不會(huì)繼續(xù)腳本的執(zhí)行。 第三行告知解析器加載名為 note.*ml 的 *ML 文檔。 下面的 J

45、avaScript 片段把字符串 t*t 載入解析器：var *mlDoc=new Active*Object(Microsoft.*MLDOM);*mlDoc.async=false;*mlDoc.load*ML(t*t);【load*ML() 方法用于加載字符串文本，load() 用于加載文件】在 Firefo* 及其他瀏覽器中的 *ML 解析器下面的 JavaScript 片段把 *ML 文檔 (note.*ml) 載入解析器：var *mlDoc=document.implementation.createDocument(,null);*mlDoc.async=false;*mlDo

46、c.load(note.*ml);例子解釋?zhuān)荷厦娲a的第一個(gè)行創(chuàng)立一個(gè)空的 *ML 文檔對(duì)象。 第二行關(guān)閉異步加載，這樣確保在文檔完全加載之前解析器不會(huì)繼續(xù)腳本的執(zhí)行。 第三行告知解析器加載名為 note.*ml 的 *ML 文檔。 下面的 JavaScript 片段把字符串 t*t 載入解析器：var parser=new DOMParser();var doc=parser.parseFromString(t*t,te*t/*ml);上面代碼的第一個(gè)行創(chuàng)立一個(gè)空的微軟 *ML 文檔對(duì)象。 第二行告知解析器載入名為 t*t 的字符串。 注釋?zhuān)??！綢E 使用 load*ML() 方法來(lái)解析 *

47、ML 字符串，而其他瀏覽器使用 DOMParser 對(duì)象】跨域訪問(wèn)現(xiàn)代的瀏覽器不允許跨域的訪問(wèn)出于平安方面的原因，現(xiàn)代的瀏覽器不允許跨域的訪問(wèn)。這意味著，網(wǎng)頁(yè)以及它試圖加載的 *ML 文件，都必須位于一樣的效勞器上。W3School 的實(shí)例所翻開(kāi)的 *ML 文件位于 W3School 的域上。假設(shè)你打算在自己的網(wǎng)頁(yè)上使用上面的例子，則必須把 *ML 文件放到自己的效勞器上。否則，*mlDoc.load() 將產(chǎn)生錯(cuò)誤 Access is denied。12、*ML DOMPrevious PageNe*t PageDOM Document Object Model，文檔對(duì)象模型定義訪問(wèn)和操作文

48、檔的一套標(biāo)準(zhǔn)方法。*ML DOM定義一套訪問(wèn)和操作 *ML 文檔的標(biāo)準(zhǔn)方法*ML DOM (*ML Document Object Model) 定義一套訪問(wèn)和操作 *ML 文檔的標(biāo)準(zhǔn)方法。DOM 把 *ML 文檔作為樹(shù)構(gòu)造來(lái)查看。能夠通過(guò) DOM 樹(shù)來(lái)訪問(wèn)所有元素?？梢孕薷幕騽h除它們的內(nèi)容，并創(chuàng)立新的元素。*ML: 元素，它們的文本，以及它們的屬性，都被認(rèn)為是節(jié)點(diǎn)*ML: 使用 DOM 引用從 元素中獲取文本getElementsByTagName例子：*mlDoc.getElementsByTagName(to)0.childNodes0.nodeValue*mlDoc -由解析器創(chuàng)立的

49、*ML 文檔 getElementsByTagName(to)0 - 第一個(gè) 元素 childNodes0 - 元素的第一個(gè)子元素文本節(jié)點(diǎn) nodeValue - 節(jié)點(diǎn)的值文本本身 您可以在 W3School 的 *ML DOM 教程 中學(xué)習(xí)更多相關(guān)知識(shí)。HTML DOM定義一套訪問(wèn)和操作 HTML 文檔的標(biāo)準(zhǔn)方法HTML DOM (HTML Document Object Model) 定義一套訪問(wèn)和操作 HTML 文檔的標(biāo)準(zhǔn)方法?？梢酝ㄟ^(guò) HTML DOM 訪問(wèn)所有 HTML 元素。HTML: 使用 DOM 引用來(lái)改變 id=to 的 HTML 元素的文本getElementById例子：

50、document.getElementById(to).innerHTML=document - HTML 文檔 getElementById(to) - 其中的 id=to 的 HTML 元素 innerHTML - HTML 元素的內(nèi)部文本 您可以在 W3School 的 HTML DOM 教程 中學(xué)習(xí)更多相關(guān)知識(shí)。解析 *ML 文件 - 跨瀏覽器實(shí)例以下代碼把一個(gè) *ML 文檔 (note.*ml) 載入 *ML 解析器中：function parse*ML()try /Internet E*plorer *mlDoc=new Active*Object(Microsoft.*MLDOM

51、); catch(e) try /Firefo*, Mozilla, Opera, etc. *mlDoc=document.implementation.createDocument(,null); catch(e) alert(e.message); return; *mlDoc.async=false;*mlDoc.load(note.*ml);document.getElementById(to).innerHTML=*mlDoc.getElementsByTagName(to)0.childNodes0.nodeValue;document.getElementById(from).

52、innerHTML=*mlDoc.getElementsByTagName(from)0.childNodes0.nodeValue;document.getElementById(message).innerHTML=*mlDoc.getElementsByTagName(body)0.childNodes0.nodeValue;W3School. Internal NoteTo: From: Message: 輸出：W3School. Internal NoteTo: GeorgeFrom: JohnMessage: Dont forget the meeting! TIY重要注釋如需從

53、*ML 中提取文本 John，語(yǔ)法是：getElementsByTagName(from)0.childNodes0.nodeValue在這個(gè) *ML 例子中，只有一個(gè) 標(biāo)簽中，但是仍然需要規(guī)定數(shù)組的下標(biāo) 0，這是因?yàn)?*ML 解析器方法 getElementsByTagName() 返回所有 節(jié)點(diǎn)的一個(gè)數(shù)組。解析 *ML 字符串 - 跨瀏覽器實(shí)例下面的代碼加載并解析一個(gè) *ML 字符串：function parse*ML()te*t=;te*t=te*t+George;te*t=te*t+John;te*t=te*t+Reminder;te*t=te*t+Dont forget the me

54、eting!;te*t=te*t+;try /Internet E*plorer *mlDoc=new Active*Object(Microsoft.*MLDOM); *mlDoc.async=false; *mlDoc.load*ML(te*t); catch(e) try / Firefo*, Mozilla, Opera, etc. parser=new DOMParser(); *mlDoc=parser.parseFromString(te*t,te*t/*ml); catch(e) alert(e.message); return; document.getElementById

55、(to).innerHTML=*mlDoc.getElementsByTagName(to)0.childNodes0.nodeValue;document.getElementById(from).innerHTML=*mlDoc.getElementsByTagName(from)0.childNodes0.nodeValue;document.getElementById(message).innerHTML=*mlDoc.getElementsByTagName(body)0.childNodes0.nodeValue;W3School. Internal NoteTo: From:

56、Message: 輸出：W3School. Internal NoteTo: GeorgeFrom: JohnMessage: Dont forget the meeting! TIY注釋?zhuān)篒nternet E*plorer 使用 load*ML() 方法來(lái)解析 *ML 字符串，而其他瀏覽器使用 DOMParser 對(duì)象。13、*ML to HTMLPrevious PageNe*t Page本章講解如何把 *ML 數(shù)據(jù)顯示為 HTML。把 *ML 數(shù)據(jù)顯示為 HTML 表格 從 *ML 文件中加載數(shù)據(jù)，然后把數(shù)據(jù)顯示為一個(gè) HTML 表格 在 HTML 中顯示數(shù)據(jù)在上一節(jié)中，我們講解了如何通

57、過(guò) JavaScript 來(lái)解析 *ML 并訪問(wèn) DOM。本例遍歷一個(gè) *ML 文件 (cd_catalog.*ml)，然后把每個(gè) CD 元素顯示為一個(gè) HTML 表格行：var *mlDoc=null;if (window.Active*Object)/ code for IE*mlDoc=new Active*Object(Microsoft.*MLDOM);else if (document.implementation.createDocument)/ code for Mozilla, Firefo*, Opera, etc.*mlDoc=document.implementatio

58、n.createDocument(,null);elsealert(Your browser cannot handle this script);if (*mlDoc!=null)*mlDoc.async=false;*mlDoc.load(cd_catalog.*ml);document.write();var *=*mlDoc.getElementsByTagName(CD);for (i=0;i*.length;i+) document.write();document.write();document.write(*i.getElementsByTagName(ARTIST)0.ch

59、ildNodes0.nodeValue);document.write();document.write();document.write(*i.getElementsByTagName(TITLE)0.childNodes0.nodeValue);document.write();document.write();document.write();TIY：在 HTML 表格中顯示 *ML 數(shù)據(jù)。檢測(cè)瀏覽器，然后使用適宜的解析器來(lái)加載 *ML 創(chuàng)立一個(gè) HTML 表格 使用 getElementsByTagName() 來(lái)獲得所有 *ML 的 CD 節(jié)點(diǎn) 針對(duì)每個(gè) CD 節(jié)點(diǎn)，把 ARTIST

60、 和 TITLE 中的數(shù)據(jù)顯示為表格數(shù)據(jù) 用 完畢表格 如需更多有關(guān) JavaScript 和 *ML DOM 的信息，請(qǐng)?jiān)L問(wèn)我們的 *ML DOM 教程?？缬蛟L問(wèn)出于平安方面的原因，現(xiàn)代的瀏覽器不允許跨域的訪問(wèn)。這意味著，網(wǎng)頁(yè)以及它試圖加載的 *ML 文件，都必須位于一樣的效勞器上。W3School 的實(shí)例所翻開(kāi)的 *ML 文件位于 W3School 的域上。假設(shè)你打算在自己的網(wǎng)頁(yè)上使用上面的例子，則必須把 *ML 文件放到自己的效勞器上。否則，*mlDoc.load() 將產(chǎn)生錯(cuò)誤 Access is denied。14、*ML Request 對(duì)象Previous PageNe*t Pa