【正文】 ?? desc=???/img標(biāo)記來(lái)表示附在文章中的圖片。img標(biāo)記和它的結(jié)束標(biāo)記之間不應(yīng)包含任何文本和標(biāo)記，因此img標(biāo)記總是可以被簡(jiǎn)寫(xiě)成這樣：img src=??? icon=??? desc=??? /。img標(biāo)記有一個(gè)src屬性，src屬性的值是一個(gè)指向一個(gè)圖片文件的Url，表示該圖片的網(wǎng)址。img標(biāo)記有一個(gè)icon屬性，icon屬性的值是一個(gè)指向一個(gè)圖片文件的Url，表示該圖片的縮略圖的網(wǎng)址。img標(biāo)記有一個(gè)desc屬性，desc屬性的值是一個(gè)字符串，表示該圖片的簡(jiǎn)短說(shuō)明。（二）CSS的應(yīng)用 雖然CSS的提出不是因?yàn)閄ML，但是CSS與XML卻能更好的結(jié)合在一起，原因在于XML在一開(kāi)始設(shè)計(jì)的時(shí)候就把內(nèi)容與表現(xiàn)形式的分離作為自己重要的原則。，這種方法和CSS的設(shè)計(jì)初衷是背道而馳的，但是在特殊情況下也可以使用該方法，因?yàn)镾TYLE屬性的使用非常方便。在HTML中，CSS對(duì)頁(yè)面的控制起了很大作用，幾乎每個(gè)網(wǎng)頁(yè)都是用CSS來(lái)控制網(wǎng)頁(yè)的顯示。這樣把整個(gè)頁(yè)面統(tǒng)一起來(lái)，給人一種和諧并統(tǒng)一的感覺(jué)。當(dāng)直接在瀏覽器中顯示XML時(shí)，樣式表指令才會(huì)被自動(dòng)加載，其他使用XML的場(chǎng)合（如數(shù)據(jù)島）將忽略該指令。CSS是一種簡(jiǎn)單易懂的語(yǔ)言，它在XML里非常有效，許多CSS屬性都可以被它們所應(yīng)用的元素的子元素所繼承。（三）首頁(yè)設(shè)計(jì)源代碼利用CSS設(shè)計(jì)的網(wǎng)上書(shū)店首頁(yè)源代碼如下：?xml version= encoding=gb2312 ??xmlstylesheet type=text/css ?!這是歡迎頁(yè)的XML源文檔Wele xmlns:html=html:script language=vbscript/html:script html:style Wele {display:block。 top:10px。 width:600px。 border:2px solid silver。 position:absolute。 left:0%。 height:100%。 filter:Chroma(color=black) Alpha(Opacity=0,FinishOpacity=30,style=1,StarX=0,StarY=100,FinishX=150,Finish=150)。 position:absolute。 left:10%。 fontfamily:magneto。 fontsize:20pt。 textalign:center。 color:red。} text1 {display:block。 top:6%。 width:98%。 fontfamily:黑體。 textindent:24pt。} html\:ul {display:block。 top:32%。} html\:li {fontfamily:黑體。 letterspacing:1pt。} number {fontsize:10pt。 textdecoration:underline。 cursor:nresize。 fontsize:8pt。 textdecoration:underline。 cursor:help。 position:absolute。 left:1%。 fontfamily:黑體。 textindent:24pt。} bookshop {display:block。 top:90%。 width:30%。 backgroundcolor:white。 textalign:center。}/html:style（四）CSS的優(yōu)點(diǎn)CSS已經(jīng)經(jīng)歷許多年的考驗(yàn)，從1994年它的出現(xiàn)開(kāi)始，WSC一直在使用樣式單，目前CSS絕大多數(shù)的站點(diǎn)都不同程度的出版。使用了CSS，并且每個(gè)最新的主要瀏覽器都在一定程度上支持CSS。由于CSS已經(jīng)存在很長(zhǎng)一段時(shí)間，可以較好地保證時(shí)常上的每一種流行的工具都在某種程度上支持CSS。當(dāng)然這些工具對(duì)CSS的支持，大部分情況下都是特別針對(duì)在HTML中使用CSS而編寫(xiě)的。對(duì)于這類(lèi)工具的大多書(shū)，將其重新設(shè)計(jì)完全支持在XML中應(yīng)用CSS，只需要相當(dāng)少的工作。對(duì)于一個(gè)在HTML中應(yīng)用CSS有相當(dāng)經(jīng)驗(yàn)的人來(lái)說(shuō)，尤其是使用DHTML管理CSS的人，他們可能更喜歡的是使用CSS。層疊樣式單可以以一種強(qiáng)有力的方式用于確定屏幕顯示或打印輸出的格式。如果想要控制用戶(hù)在不同媒介中觀察你的材料的方法，只能使用CSS，別無(wú)選擇。 圖1 網(wǎng)上書(shū)店首頁(yè)四、其他圖書(shū)查詢(xún)頁(yè)的設(shè)計(jì) 其他書(shū)籍查詢(xún)頁(yè)的設(shè)計(jì)我主要使用XML的XSL技術(shù)，因?yàn)槭亲霎厴I(yè)設(shè)計(jì)，力求達(dá)到把所學(xué)的都應(yīng)用上的目的。（一）XSL的應(yīng)用 在默認(rèn)條件下，通過(guò)IE單獨(dú)打開(kāi)一個(gè)XML文件，顯示器上會(huì)直接顯示XML的樹(shù)狀表，這對(duì)顯示數(shù)據(jù)和結(jié)構(gòu)來(lái)說(shuō)，可能是一種不錯(cuò)的辦法，但是對(duì)于大多數(shù)普通用戶(hù)而言，毫無(wú)用處。XSL是eXtensible Stylesheet Language的英文縮寫(xiě)，即可擴(kuò)展式語(yǔ)言。XSL是專(zhuān)門(mén)為XML設(shè)計(jì)的樣式語(yǔ)言，也是除了CSS之外，另一個(gè)可用來(lái)表現(xiàn)XML文檔的選擇。一個(gè)XSL樣式表集合了一系列設(shè)計(jì)規(guī)則，用于從XML文檔中提取信息，并將這些信息轉(zhuǎn)換成HTML等其它格式。同時(shí)，XSL還提供多種腳本語(yǔ)言的通道，以滿(mǎn)足更為復(fù)雜的應(yīng)用需求。由于XSL強(qiáng)大的可擴(kuò)展性，使得它可以控制無(wú)窮無(wú)盡的標(biāo)記，而且控制每個(gè)標(biāo)記的方式同樣是無(wú)窮無(wú)盡的。例如旋轉(zhuǎn)的文本、多列和獨(dú)立區(qū)域。選擇把設(shè)計(jì)的中心定位在XSL中，優(yōu)點(diǎn)在于使設(shè)計(jì)更加靈活，而不必提前把網(wǎng)頁(yè)的內(nèi)容羅列在XML源文檔中，缺點(diǎn)是數(shù)據(jù)不能動(dòng)態(tài)擴(kuò)充。IFRAME中顯示的文件均為XML文件，和以往不同，這種文件只有XML，沒(méi)有XSL文檔表現(xiàn)其樣式。在介紹整合技術(shù)之前，有必要說(shuō)明一下XML的命名空間。XML命名空間提供了一套簡(jiǎn)單的方法，將XML文檔和URI引用標(biāo)識(shí)相結(jié)合來(lái)限定文檔中的元素和屬性名。包括整合技術(shù)的文檔都還有這樣一個(gè)語(yǔ)句“body xmlns:html=”它的含義是：body是元素的名稱(chēng)；“xmlns：”指出一個(gè)命名空間將在body中用到；地址表明了命名空間REChtml40的位置，；“html”就是文檔中使用的命名空間的名稱(chēng)。如果定義了，需要在樣式表標(biāo)簽里“html:Style/tml:Style”用CSS定義元素的樣式。（二）其他圖書(shū)查詢(xún)頁(yè)源代碼 利用XSL代碼處理的其他書(shū)籍查詢(xún)頁(yè)代碼如下： ?xml version= encoding=gb2312?xsl:stylesheet xmlns:xsl= xsl:template match=/ HTML HEAD TITLE本書(shū)店其他圖書(shū)列表/TITLE STYLE ![CDATA[ BODY,TD,TH{fontsize:9pt。} ]] /STYLE /HEAD BODY STYLE=FONTSIZE:9pt TABLE BORDER=2 TR TH書(shū)名/TH TH作者/TH TH出版社/TH TH定價(jià)/TH TH出版時(shí)間/TH TH剩余/TH TH簡(jiǎn)介/TH /TR xsl:foreach select=教材/圖書(shū) orderby=number(出版時(shí)間)。是39。否39。￥xsl:valueof select=定價(jià)/ /xsl:attribute TD xsl:valueof select=書(shū)名/ /TD TDxsl:valueof select=作者//TD TDxsl:valueof select=出版社//TD TDxsl:valueof select=定價(jià)//TD TDxsl:valueof select=出版時(shí)間//TD TDxsl:valueof select=剩余//TD TDxsl:valueof select=簡(jiǎn)介//TD /TR /xsl:foreach /TABLE /BODY /HTML /xsl:template /xsl:stylesheet（三）比較CSS和XSLXSL主要是一種將XML轉(zhuǎn)化為另一種語(yǔ)言的格式，因此它不能與HTML一同工作。在HTML中，內(nèi)容和格式聯(lián)系的太緊密，幾乎不可能從中分離出有用的信息。XML和CSS能夠協(xié)同工作。實(shí)際上XSL本身就是一個(gè)XML的應(yīng)用程序。這是XSL產(chǎn)生的原因之所在。但是它存在一種XSL不存在的主要問(wèn)題。它不可能改變文檔內(nèi)容。如果不希望它出現(xiàn)在那里，最多只能是定義display：none，這很有用，但缺乏一些智能性和靈活性。XSL也是為不同客戶(hù)重構(gòu)文檔的好辦法。當(dāng)然，想要以HTML的形式顯示所有的內(nèi)容，以便使用各種瀏覽器的群眾都可以瀏覽你的內(nèi)容。于是需要提供給合作伙伴各不相同的資料?；蛘呖梢园阉行碌乃夭淖鳛閄ML存儲(chǔ)。第一個(gè)樣式單把XML轉(zhuǎn)換為XHTML，并且包含你的所有喜歡的菜單。使用三種樣式單來(lái)把故事轉(zhuǎn)化為對(duì)你的內(nèi)容會(huì)使人適當(dāng)?shù)母袷?。CSS總是被發(fā)給客戶(hù)并用于格式化文檔，無(wú)論是XML或HTML。起原因是XSL將XML轉(zhuǎn)化為XHTML，這可以在客戶(hù)端，也可以在服務(wù)器端得以實(shí)現(xiàn)，與具體哪一端無(wú)關(guān)。實(shí)際上，如果在客戶(hù)端加載一個(gè)XML文檔，使用XSL對(duì)其進(jìn)行轉(zhuǎn)換，然后使用腳本管理這個(gè)結(jié)果，可以發(fā)現(xiàn)將使用的是一個(gè)合式HTM