Web程序設計(第三版)-第3章_第1頁
Web程序設計(第三版)-第3章_第2頁
Web程序設計(第三版)-第3章_第3頁
Web程序設計(第三版)-第3章_第4頁
Web程序設計(第三版)-第3章_第5頁
已閱讀5頁，還剩58頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

Web程序設計(第3版)“十一五”國家級規劃教材目錄第1章

WEB編程基礎知識

第2章WEB應用程序開發環境第3章HTML與XML第4章腳本語言第5章頁面設計第6章ASP程序設計第7章ASP.NET程序設計第8章WEB數據庫程序設計第9章綜合應用實例

第3章

HTML與XML3.1超文本標記語言HTML

3.2可擴展標記語言XML

3.1超文本標記語言HTML

超文本標記語言HTML（HypertextMarkupLanguage）是在萬維網上建立超文本文件的語言，它是萬維網的核心計算機語言。創建Web站點頁面時，可使用HTML語言向組成Web站點的各個Web頁面放置文本、圖形、圖像、動畫、音頻、視頻信息等內容，以及按鈕和超鏈接等可以進行交互的內容。HTML是一種文本標記語言，而非編程語言。HTML文件是普通文本文件，與平臺無關，可用任何文本編輯器進行編輯，文件擴展名為.htm或.html。3.1超文本標記語言HTML

3.1.1HTML文檔結構

該網頁以表格作為頁面的總布局方式頁面設計中使用了常用的HTML標記包括：表格、表單、文字顯示控制、加入圖片、超鏈接、水平線、換行、分段、設置頁面背景圖片等。【例3-1】“《Web程序設計》課程網站”主頁面。3.1超文本標記語言HTML

3.1.1HTML文檔結構

HTML文檔的基本構成：<html><head>文檔頭部分</head><body>文檔的主體部分</body></html>3.1超文本標記語言HTML

3.1.2HTML基本標記

基本的HTML標記分為：1）頭部標記2）體部標記3.1超文本標記語言HTML

3.1.2HTML基本標記

1）頭部標記<head>，</head>HTML文件頭部起始和結束標記。<title>，</title>HTML文件的標題，是顯示于瀏覽器標題欄的字符串。<style>，</style>CSS樣式定義，詳見5.3節。<meta>

該標記位于<head>與<title>標記之間，提供用戶不可見的信息。其中，<meta>屬性通常用來為搜索引擎定義頁面主題以及頁面刷新等信息。

3.1超文本標記語言HTML

3.1.2HTML基本標記

2）體部標記基本的體部標記包括：Body文字顯示和段落控制標記設置圖像和超鏈接列表和預定義格式標記等3.1超文本標記語言HTML

3.1.2HTML基本標記

（1）<body>和</body>標記表明HTML文件體部的開始和結束，body標記屬性及含義：屬

性

名取

值含

義默

認

值bgcolor顏色值頁面背景顏色

#FFFFFFtext顏色值文字的顏色#000000link顏色值待鏈接的超鏈接對象的顏色alink顏色值鏈接中的超鏈接對象的顏色vlink顏色值已鏈接的超鏈接對象的顏色background圖像文件名頁面的背景圖像無topmargin整數頁面顯示區距窗口上邊框的距離，以像素點為單位0leftmargin整數頁面顯示區距窗口左邊框的距離，以像素點為單位03.1超文本標記語言HTML

3.1.2HTML基本標記

HTML中兩種顏色值的表示方法：①RGB值表示。用顏色的十六進制RGB值表示，形如"#RRGGBB"。如"#ff0000"，表示紅色，"#0000ff"表示藍色。②英文單詞表示。如"red"表示紅色，"blue"表示藍色。3.1超文本標記語言HTML

3.1.2HTML基本標記

（2）文字顯示和段落控制標記文字顯示屬性主要有字體、字號、顏色，段落控制顯示對象的分段。常用的文字顯示和段落控制標記如下：標

記

名含

義<font>,</font>以屬性face、size、color控制字體、字號、字顏色的顯示特性<I>,</I>斜體<B>,</B>粗體<U>,</U>加下劃線<sub>,</sub>下標<sup>,</sup>上標<big></big>大字體<small>,</small>小字體<h1>—<h6>標題格式，數字越大，顯示的標題字越小<p>,</p>分段標記，屬性有align：left—左對齊；center—居中對齊；right—右對齊<div>,</div>塊容器標記，其中的內容是一個獨立段落<hr>分隔線，屬性有：width（線的寬度）

、color（線的顏色）<center>,</center>居中顯示3.1超文本標記語言HTML

3.1.2HTML基本標記

【例3-2】一個包含文字顯示和段落控制標記的HTML文件示例。<html><head><title>文字顯示和段落控制</title></head><bodybackground="images/back057.gif"text="#ff2222"><center><h1>一級標題</h1></center><hrwidth=90%color=green><fontface="黑體"size=7color="0000ff">這是黑體，大小為7號字，藍色</font><br><p>這是一個段落<br><I>這是斜體</I><B>這是粗體</B><U>這是下劃線字體</U><big>這是大字體</big><small>這是小字體</small>這是下標字體<sub>1</sub>這是上標字體<sup>2</sup><br><fontface="楷體"size=6color="cc8888"><I><B><U>這些標記還可以混合使用</U></B></I></font></p><palign=center>這是另一個段落<br><B>    以下是轉義序列</B><br><小于號；>大于號；&與號；"雙引號；例如:a>b</p></body></html>3.1超文本標記語言HTML

3.1.2HTML基本標記

（3）圖像標記

以下幾種圖像格式可以被瀏覽器解釋：GIF格式（.gif文件）、X位圖格式（.xbm文件）、JPEG格式（.jpg、.jpeg文件）和PNG格式（PortableNetworkGraphics）3.1超文本標記語言HTML

3.1.2HTML基本標記

（3）圖像標記

<img>標記的屬性包括：①src——指明圖像文件的地址。該屬性值必須指明。值可以是一個本地文件名或一個URL形式，如http:///images/logo.gif。②border——指明圖像邊框的粗細，值為整數。若為0，表示無邊框；值越大，邊框越粗。③width——圖像寬度，值為整數，單位為屏幕像素點數。若不指出該屬性值，則瀏覽器默認按圖像的實際尺寸顯示。④height——圖像高度，值為整數，單位為屏幕像素點數。若不指出該屬性值，則瀏覽器默認按圖像的實際尺寸顯示。⑤alt——若設置了該屬性值，則當鼠標移至該圖像區域時，將以一個小標簽顯示該屬性值。3.1超文本標記語言HTML

3.1.2HTML基本標記

（4）超鏈接標記

一個超鏈接可指向另一個Web頁，它由兩部分組成：一部分是顯示在本頁面中的可被觸發的超鏈接文本或圖像另一部分是用來描述當超鏈接被觸發后要鏈接到的URL信息。超鏈接標記的格式如下：<ahref="URL信息">超鏈接文本或圖像</a>3.1超文本標記語言HTML

3.1.2HTML基本標記

（4）超鏈接標記

超鏈接標記的href屬性的URL信息的構成可分為如下三種情況：①目標頁面位于另外的主機或采用非HTTP協議，此時采用絕對URL格式，即：

協議名://主機名[/目錄信息]②若目標頁面位于本主機，可采用相對URL代替絕對URL。例如，目標頁面的HTML文件與本HTML文件位于同一子目錄，名為des1.htm，則超鏈接標記可簡化為：<ahref="des1.htm">超鏈接文本</a>③通常超鏈接總是指向目標HTML文件的頭部，但超鏈接的目標也可以是某個文件的特定位置（稱為“錨點”，anchor）。此時，需用超鏈接標記的NAME屬性來定義超鏈接的引用名，格式為：<aname="錨點名">文本或圖像等頁面元素</a>3.1超文本標記語言HTML

3.1.2HTML基本標記

（4）超鏈接標記

超鏈接標記的屬性target指明目標頁面顯示的窗口。其含義如下：

target=_blank

目標頁面顯示于一個新的瀏覽器窗口。

target=_top

通常在框架中的超鏈接才設置該值，表示目標頁面顯示于整個瀏覽器窗口，而不是顯示在框架所在窗口中。

target=框架名目標頁面顯示于指定框架所在的窗口。target的默認值是本頁面所在的瀏覽器窗口。3.1超文本標記語言HTML

3.1.2HTML基本標記

（4）超鏈接標記

【例3-3】三種URL應用示例。<html><head><title>超鏈接URL</title></head><body>單擊<ahref="xp.htm"target=_blank><b>這里</b></a>可以見我的照片<br>單擊<ahref=""><b>這里</b></a>可以進入網易<br>單擊<ahref="mailto:test@163.com"><b>這里</b></a>可以給我發信<br>單擊<ahref="example3.htm#aaa"><b>這里</b></a>可以轉到我的簡歷<br><aname="aaa">我的簡歷：</a></body></html>3.1超文本標記語言HTML

3.1.2HTML基本標記

（4）列表標記和預定格式標記

有三種類型的列表：①無序列表（unorderedlist）：<ul>列表項</ul>②有序列表（orderedlist）：<ol>列表項</ol>③定義列表（definitionlist）：<dl>列表項</dl>預定格式（preformatted）標記：

可以使信息完全按照HTML文件中編排的格式原樣顯示于瀏覽器中，該標記的格式為：<pre>預定格式的信息</pre>只要將信息按照所需要的格式編排好，放在<pre>、</pre>標記對中，就不必擔心信息在瀏覽器中的顯示會出現偏差。

3.1超文本標記語言HTML

3.1.2HTML基本標記

【例3-4】三種列表標記應用示例。<html><head><title>課表</title></head><body><b>今天我要上以下的課</b><ul><!--無序列表--><li>局域網工程<li>操作系統<li>數據結構</ul><b>今天我要上以下的課</b><ol><!--有序列表--><li>局域網工程<li>操作系統<li>數據結構</ol><dl><!--定義列表--><dt><b>局域網</b><!--定義標題--><dd>局域網是指將小范圍內的數據設備經過通信系統連接起來的計算機網絡</dl></body></html>

3.1超文本標記語言HTML

3.1.3表格（Table）

表格是最常用的頁面元素，在頁面中用表格來表示數據直觀又清晰，而且HTML表格的使用非常靈活，許多較復雜的頁面布局也可利用表格來完成。在Internet上瀏覽的許多頁面都大量使用了表格。在HTML中，表格是由一個表格名稱（標題）再加上一行或多行表格內容所構成的塊狀結構。3.1超文本標記語言HTML

3.1.3表格（Table）

1.表格定義<table>[<caption>標題內容</caption>]<tr><td>表格內容</td>{<td>表格內容</td>}</tr>……</table><table>和</table>標記對界定表格結構的起始和結束；<caption>、</caption>標志是可選項，該標記中的內容是表格的標題；<tr>、</tr>界定一個表格行的開始和結束；一個表格行可以包含多個表格項，每個表格項的內容和顯示特性由標記對<td>、</td>來定義。3.1超文本標記語言HTML

3.1.3表格（Table）

2.表格屬性

標記<table>、<tr>和<td>的屬性用來定義表格的顯示特性，其中<table>的屬性描述整個表格的顯示特性：屬

性

名取

值含

義默

認

值border整數表格邊框粗細，值為0，表格沒有邊框；值越大，表格邊框越粗

0width百分比表格寬度，以相對于充滿窗口的百分比計（如60%）100%整數表格寬度，以屏幕像素點計cellpadding整數每個表項內容與表格邊框之間的距離，以像素點為單位0cellspacing整數表格邊框之間的距離，以像素點為單位2bordercolor顏色值表格邊框的顏色#000000background圖像文件名表格的背景圖無alignleft|center|right表格的位置left3.1超文本標記語言HTML

3.1.3表格（Table）

2.表格屬性

行控制標記<tr>的屬性定義該行的顯示特性

：屬

性

名取

值含

義默

認

值alignleft|center|right本行各表格項的橫向排列方式left（左對齊）bgcolor顏色值本行各表格項的背景色#000000valigntop|middle|bottom本行各表格項的縱向排列方式middlewidth百分比值

|整數本行寬度（受table的width屬性值制約）height整數本行高度，以像素點為單位3.1超文本標記語言HTML

3.1.3表格（Table）

2.表格屬性

表格項控制標記<td>的屬性定義該項的顯示特性

：屬

性

名取

值含

義默

認

值alignleft|center|right本表格項的橫向排列方式left（左對齊）bgcolor顏色值本表格項的背景色#000000valigntop|middle|bottom本表格項的縱向排列方式middlewidth百分比值

|整數本表格項寬度（受table和tr的width屬性值制約）height整數本表格項高度，以像素點為單位（受tr的height屬性值制約）background圖像文件名本表格項的背景圖像無colspan整數按列橫向結合。如該值為2，表示本表格項在寬度上占用兩列1rowspan整數按行縱向結合。如該值為2，表示本表格項在高度上占用兩行13.1超文本標記語言HTML

3.1.3表格（Table）

【例3-5】一個簡單表格示例。

<tableborder=1cellspacing=2cellpadding=4><caption>物資列表</caption><tr><td>商品類別</td><td>數量</td></tr><tr><td>日用百貨</td><td>10</td></tr><tr><td>電器</td><td>20</td></tr><tr><td>轎車</td><td>5</td></tr></table>3.1超文本標記語言HTML

3.1.3表格（Table）

【例3-6】一個較復雜的表格示例。其中每行列數及每列行數都不同利用td標記的colspan和rowspan屬性可以對表格的單元格進行靈活的控制。3.1超文本標記語言HTML

3.1.4表單（Form）

表單提供圖形用戶界面的基本元素，包括按鈕、文本框、單選鈕、復選框等，是HTML實現交互功能的主要接口，用戶通過表單向服務器提交數據。表單的使用包括兩部分：一部分是用戶界面，提供用戶輸入數據的元件；另一部分是處理程序，可以是客戶端程序，在瀏覽器中執行；也可以是服務器處理程序，處理用戶提交的數據，返回結果。

3.1超文本標記語言HTML

3.1.4表單（Form）

1.表單定義

表單定義的語法如下：<formmethod="get|post"action="處理程序名">

[<inputtype=輸入域種類name=輸入域名>]

[teaxtarea定義]

[select定義]</form>3.1超文本標記語言HTML

3.1.4表單（Form）

1.表單定義

form標記的屬性含義如下：

method——取值為post或get。二者的區別是：get方法將在瀏覽器的URL欄中顯示所傳遞變量的值，而post方法則不顯示；在服務器端的數據提取方式也不同。

action——指出用戶所提交的數據將由哪個服務器的哪個程序處理。可處理用戶提交的數據的服務器程序種類較多，如ASP腳本程序、ASPX程序、PHP程序等。3.1超文本標記語言HTML

3.1.4表單（Form）

2.表單的輸入域

表單的輸入域有如下三類：以標記<input>定義的多種輸入域，包括text、radio、checkbox、password、hidden、button、submit、reset和file等。

以標記<textarea>定義的文本域。

以標記<select>和<option>定義的下拉列表框。

3.1超文本標記語言HTML

3.1.4表單（Form）

【例3-7】表單輸入域的定義方法及使用示例。

<html><head><title>表單使用</title></head><body><b>請選擇您學習的方式</b><br><formmethod=getaction="/cgi-bin/run1"><inputtype=radiochecked>全日制在讀<inputtype=radio>走讀<inputtype=radio>函授<br><br><b>請選擇您所要學習的課程</b><br><inputtype=checkboxvalue="yes"name="局域網工程"checked>局域網工程<br><inputtype=checkboxvalue="yes"name="操作系統">操作系統<br><inputtype=checkboxvalue="yes"name="數據結構">數據結構<br><br><b>請輸入您的要求</b><br><textareaname="comment"rows=4cols=50></textarea><br><inputtype=submitname="ok"value="提交"><inputtype=resetname="re-input"value="重選"></form></body></html>

3.1超文本標記語言HTML

3.1.4表單（Form）

常見表單輸入域輸入域名稱說明text（文本框）

可輸入一行文字。舉例：<inputtype=textname="xm"size=10value="">

radio（單選鈕）

當有多個選項時，只能選其中一項。舉例：走<inputtype=radioname="Rad"value="v1"checked>留<inputtype=radioname="Rad"value="v2">checkbox（復選框）

當有多個選項時，可以選其中多項。舉例：簽字筆<inputtype=checkboxname="ch1"checked>鋼筆<inputtype=checkboxname="ch2">圓珠筆<inputtype=checkboxname="ch3">submit（提交按鈕）

將數據傳遞給服務器。舉例：<inputtype=submitname="ok"value="提交">password（密碼輸入框）

用戶輸入的字符以“*”顯示。舉例：輸入密碼：<inputtype=passwordsize=12>3.1超文本標記語言HTML

3.1.4表單（Form）

常見表單輸入域（續）輸入域名稱說明reset（重置按鈕）

將用戶輸入的數據清除。舉例：<inputtype=resetname="re-input"value="重選">

hidden（隱藏域）在瀏覽器中不顯示，但可通過程序取值或改變其值。主要用于瀏覽器向服務器傳遞數據而不想讓瀏覽器用戶知道的情形。例如：<inputtype=hiddenname=hiddatavalue="HidValue">button（按鈕）普通按鈕，按下后的操作需由程序完成。舉例：<inputtype=buttonvalue="去我的主頁">textarea（文本域）可輸入多行文字。舉例：<b>請輸入您的要求</b><br><textareaname="comment"rows=4cols=20></textarea>select（下拉列表）在多個可選項中選擇file（文件域）一般用于選擇文件。舉例：<inputtype="file"name="F1"size=20>3.1超文本標記語言HTML

3.1.4表單（Form）

select輸入域

當提供給用戶的選擇項目較多時，為節省顯示空間，可使用表單的下拉列表輸入域。定義下拉列表框使用<select>和<option>兩個標記，其語法如下：<selectname=下拉列表框名multiple><optionvalue=設定值>表項內容</option>……</select>屬性multiple是可選項，若定義該屬性，則下拉列表中的多項都可被選中。例如，下面的代碼定義一個含有三個選項的下拉列表：<selectname="水果"><optionvalue="蘋果">蘋果</option><optionvalue="梨子"selected>梨子</option><optionvalue="香蕉">香蕉</option></select>3.1超文本標記語言HTML

3.1.4表單（Form）

file輸入域

當用戶需要上傳文件時，可使用file輸入域。文件域由一個文本框和一個“瀏覽”按鈕組成，用戶既可以在文本框中輸入文件的路徑和文件名，也可以通過單擊“瀏覽”按鈕從磁盤上查找和選擇所需文件。創建文件域方法如下：<inputtype="file"屬性="值"…>屬性主要包括name、size等，name指出文件域名稱，size指出文件名輸入框的寬度。

3.1超文本標記語言HTML

3.1.5框架（Frame）

框架又常稱為幀，它也是HTML常用的頁面元素。利用框架可以將瀏覽器顯示窗口分割成多個相互獨立的區域，每個區域可以顯示獨立的HTML頁面。3.1超文本標記語言HTML

3.1.5框架（Frame）

【例3-9】一個應用框架的示例。其中包含三個HTML文件：

main.htm稱為主文件，是包含<frame>標記的文件，它定義瀏覽器窗口被分割的方式，本例將窗口分為左、右兩個子窗口，分別占窗口寬度的15%和85%；文件frame1.htm、frame2.htm分別是瀏覽器被分割的兩個區域顯示的頁面文件。1.框架簡例3.1超文本標記語言HTML

3.1.5框架（Frame）

2.框架定義首先需確定如何分割窗口，然后建立描述窗口分割的主文件，再為每個框架建立相應的HTML文件。主文件的定義方法是：<html><head>[頭部標記]</head><frameset>{<frameset>...</frameset>}<frame> <frame>...</frameset>[<noframes>字符串</noframes>]</html>其中，標記<frameset>定義窗口分割的方式（橫向或縱向）和大小，<frameset>可以嵌套，內層的<frameset>表示對已分割的窗口再進行分割的方式和大小。<frame>標記指明框架所對應的HTML文件。<frame>標記的個數應與其所屬的<frameset>標記分割的框架數目相同，與窗口的對應關系是按排列順序逐個對應。<noframes>標記定義了若瀏覽器不支持框架時所顯示的內容。

3.1超文本標記語言HTML

3.1.5框架（Frame）

屬

性

名取

值含

義默

認

值rows百分比將窗口上、下（橫向）分割，給出每個框架高度占整個窗口高度的百分比。例如：“25%,75%”表示將窗口分為上、下兩個框架，高度分別為總窗口高度的25%和75%。值的一部分也可用“*”表示，例如“25%,*”，表示最后一個框架的高度是除去其他框架已用去的高度無整數將窗口上、下（橫向）分割，給出每個框架高度的像素點數。例如：“100,600”表示將窗口分為上、下兩個框架，高度分別為100和600個像素點。值的一部分也可用“*”表示，含義同上cols

百分比|整數

將窗口左、右（縱向）分割，值的格式和含義與“rows”屬性類似無frameborder

yes|no

框架邊框是否顯示yesbordercolor

顏色值框架邊框顏色Gray(灰)<framset>標記的屬性

3.1超文本標記語言HTML

3.1.5框架（Frame）

<frame>標記的屬性

屬

性

名取

值含

義默

認

值srcHTML文件名框架對應的HTML文件無name字符串框架的名字，可在程序和<a>標記的target屬性中引用無noresize無不允許用戶改變框架窗口大小無scrollingyes|no|auto框架邊框是否出現滾動條automarginwidth整數框架左、右邊緣像素點數0marginheight整數框架上、下邊緣像素點數03.1超文本標記語言HTML

3.1.5框架（Frame）

【例3-10】利用框架將窗口分成三個子窗口，分別命名為win001、win002和win003，子窗口win001對應的HTML中設置了兩個超鏈接，用戶單擊這兩個超鏈接后目標URL將在子窗口win002中顯示。本例中，在上左子窗口對應的文件frame1.htm中設置了兩個超鏈接，它們被觸發后，相應的目標頁面將顯示于上右子窗口（名為“win002”）中，這是通過在文件frame1.htm的標記<a>中設置target屬性來指定的。這種方法在頁面設計中被廣泛使用，它可以保持超鏈接不被目標文件覆蓋。3.2可擴展標記語言XML

可擴展標記語言XML（eXtensibleMarkupLanguage）是為了克服HTML缺乏靈活性和伸縮性的缺點以及SGML過于復雜、不利于軟件應用的缺點而發展起來的一種元標記語言。

XML吸取了SGML和HTML的優點，摒棄了它們的缺點，已成為互聯網標準的重要組成部分。在XML中，可以根據所要描述的數據元素定義不同的標簽，表達各種豐富的內容和意義。XML文檔分層嵌套形成一個樹形結構，不僅可以把一個XML文檔看成一個文件，而且還可以看成一棵標記樹。3.2可擴展標記語言XML

XML是一種數據存儲語言，它使用一系列簡單標記描述數據。XML同時也是一組規范，用戶都遵守這組規范進行開發，這樣，不同計算機系統之間就可以相互交流信息。XML繼承了SGML和HTML的功能，是一種用于定義標記的語言，又稱為“元語言”。創建一個XML文檔時，用戶需根據描述的數據自己來定義各種標記。3.2.1XML概述

3.2可擴展標記語言XML

1.XML與HTML的比較3.2.1XML概述

【例3-11】XML與HTML的比較示例。<BODY>Herewehavesometext<H1>Thisisaheading</H1>Thisbitisnormaltext<B>Thisissomeboldtext</B>Andfinallysomemorenormaltext</BODY>3.2可擴展標記語言XML

XML與HTML的比較3.2.1XML概述

比

較

內

容HTMLXML可擴展性不具有擴展性是元標記語言，可用于定義新的標記語言側重點側重于信息的表現側重于結構化地描述信息語法要求較寬松，不要求標記嵌套、配對等

語法嚴謹，嚴格要求標記嵌套、配對、遵循XML數據結構（DTD樹形結構、XMLSchema）可讀性與可維護性難于閱讀與維護結構清晰，便于閱讀與維護數據和顯示關系內容描述與顯示方式一體化內容描述與顯示方式分離大小寫敏感不區分大小寫區分大小寫3.2可擴展標記語言XML

2.XML的特性

3.2.1XML概述

（1）實現應用程序之間的數據交換。（2）數據與顯示分離。（3）數據分布式處理。

3.2可擴展標記語言XML

3.XML文檔處理流程

3.2.1XML概述

處理過程分為三個階段：①編輯。使用通用的字處理軟件或專用的XML編輯工具生成XML文檔。②解析。對XML文檔進行語法分析、合法性檢查。讀取其中的內容，通常以樹形結構交給后續的應用程序進行處理，后續程序通常為瀏覽器或其他應用程序。③瀏覽。將由XML解析器傳來的XML樹形結構以用戶需要的格式顯示或處理。3.2可擴展標記語言XML

4.XML工具

3.2.1XML概述

（1）XML編輯工具。專用的XML編輯器可以理解XML，將它們顯示為樹形結構。常見的專用XML編輯器有XMLwriter、XMLSpy、XMLPro、VisualXML等。（2）XML解析工具。也稱解析器（Parser），它是XML的語法分析程序。其主要功能是讀取XML文檔并檢查其文檔結構是否完整，是否有結構上的錯誤；對于結構正確的文檔，讀出其內容，交給后續程序去處理。常見的XML解析器有ApacheXeces、MSXML等。（3）XML瀏覽工具。XML解析器會將XML文檔結構和內容傳輸給用戶端應用程序。大多數情況下，用戶端應用程序可能是瀏覽器或其他應用程序（如將數據轉換后存入數據庫）。如果是瀏覽器，數據就會顯示給用戶。當前支持XML的瀏覽器有IE5.0及以上版本、Mozilla等。

3.2可擴展標記語言XML

1.XML文檔的組成

3.2.2XML文檔的編寫

XML定義了如何標記文檔的一套規則。可根據需要給標記取任何名字，例如<BOOK>、<TITLE>、<AUTHOR>等。標記是成對出現的。處于前面的是開標記，而位于后面的是閉標記。與HTML不同的是：在XML中，閉標記是不可省略的。另外，標記是區分大小寫的。標記和開/閉標記之間的文字結合在一起構成元素。所有元素都可以有自己的屬性，屬性采用“屬性/值”對的方式寫在標記中。

3.2可擴展標記語言XML

1.XML文檔的組成

3.2.2XML文檔的編寫

一個XML文檔主要由兩部分組成：序言和文檔元素。序言：聲明版本號、處理指令等。如：<?xmlversion='1.0'standalone='yes'?><!--FileName:Example.xml--><?xml-stylesheettype=“text/css”href=“Example.css”?>

XML文檔元素是以樹形分層結構排列的，元素可以嵌套在其他元素中。文檔必須只有一個頂層元素，稱為文檔元素（也稱根元素），類似于HTML頁中的BODY元素，其他所有元素都嵌套在其中。

在XML文檔中，元素指出了文檔的邏輯結構，并且包含了文檔的信息內容。一個典型的元素有起始標記、元素內容和結束標記。元素內容可以是字符、數據、其他（嵌套的）元素或兩者的組合。3.2可擴展標記語言XML

2.創建XML文檔的基本規則

3.2.2XML文檔的編寫

（1）文檔必須有一個頂層元素（文檔元素或根元素），所有其他元素必須嵌入到其中。（2）元素必須被正確地嵌套。也就是說，如果一個元素在另一個元素中開始，那么它必須在同一個元素中結束。（3）每一個元素必須同時擁有起始標記和結束標記。與HTML不同，XML不允許忽略結束標記，即使瀏覽器能夠推測出元素在何處結束時也是如此。（4）起始標記中的元素類型名必須與相應結束標記中的名稱完全匹配。（5）元素類型名是區分大小寫的。

3.2可擴展標記語言XML

3.元素內容的類型

3.2.2XML文檔的編寫

元素內容是起始標記和結束標記之間的文本。其中可以包括嵌套元素和字符數據兩種類型。當給元素添加字符數據時，用戶無法插入左尖括號（<）、&符號或字符串“]]>”作為字符數據的一部分，因為XML解析器會把“<”解釋為嵌套元素的起始，把“&”解釋為一個實體引用或字符引用的開始，把“]]>”解釋為CDATA節的結束。如果要想把<和&作為字符數據的一部分，可以使用CDATA節。還可以通過字符引用插入任意字符，或通過使用預定義的通用實體引用來插入某個字符（如<或&）。

3.2可擴展標記語言XML

4.給元素添加屬性

3.2.2XML文檔的編寫

在一個元素的起始標記中，可以包含一個或多個屬性。屬性由屬性名、等號及屬性值組成。屬性名可以由用戶任意定義。例如，下面的PRICE元素包含一個名為Type的屬性，它被賦值為retail。<PRICEType="retail">$12.50</PRICE>給元素添加屬性是為元素提供信息的一種方法。當使用CSS顯示XML文檔時，瀏覽器不會顯示屬性以及它們的值。但是，若使用數據綁定、HTML頁中的腳本或者XSL樣式表顯示XML文檔時，則可以訪問屬性及其值。

3.2可擴展標記語言XML

5.處理指令的使用

3.2.2XML文檔的編寫

處理指令的一般形式為：

<?targetinstruction?>其中，target是指令所指向的應用名稱。名稱必須以字母或下劃線開頭，后面跟若干個數字、字母、句點、連字符或下劃線。“xml”是保留名稱，它是處理指令的一種類型。例如：<?xmlversion='1.0'standalone='yes'?>在XML文檔中使用的處理指令取決于讀取文檔的處理器。

3.2可擴展標記語言XML

6.CDATA節的使用

3.2.2XML文檔的編寫

CDATA節以字符“<![CDATA[”開始，并以字符“]]>”結束。CDATA節中的所有字符都會被當作元素中字符數據的常量部分，而不是XML標記。在任何出現字符數據的地方都可以插入CDATA節。

例如

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論