文章詳情頁

跟我學(xué)XSL（一）第1/5頁

瀏覽：187日期：2022-06-03 13:03:21

隨著Internet的發(fā)展，越來越多的信息進(jìn)入互聯(lián)網(wǎng)，信息的交換、檢索、保存及再利用等迫切的需求使HTML這種最常用的標(biāo)記語言已越來越捉襟見肘。HTML將數(shù)據(jù)內(nèi)容與表現(xiàn)融為一體，可修改性、數(shù)據(jù)可檢索性差，而XML借鑒了HTML與數(shù)據(jù)庫、程序語言的優(yōu)點(diǎn)，將內(nèi)容與表現(xiàn)分開，不僅使檢索更為方便，更主要的是用戶之間數(shù)據(jù)的交換更加方便，可重用性更強(qiáng)。

　　XML是一種元標(biāo)記語言，沒有許多固定的標(biāo)記，為WEB開發(fā)人員提供了更大的靈活性。當(dāng)我們使用HTML時(shí)，標(biāo)記只是簡單的表示內(nèi)容的顯示形式，而與表示的內(nèi)容沒有任何關(guān)聯(lián)，為文檔的進(jìn)一步處理帶來極大的不便。比如要表示個(gè)人簡歷，用HTML的表示方式如下：

<HTML>
<BODY>
<TABLE border=1 cellspacing=0>
<TH>姓名<TD>禹希初<TH>性別<TD>男<TH>生日<TD>1977.5
<TR>
<TH>技能<TD colspan=5>數(shù)據(jù)庫設(shè)計(jì)與維護(hù)、WEB開發(fā)
</TABLE>
</BODY>
</HTML>

姓名禹希初性別男生日 1977.5 技能數(shù)據(jù)庫設(shè)計(jì)與維護(hù)、WEB開發(fā)
上例在瀏覽器中的樣子

　　在這里，我們無法從標(biāo)記TH、TD得知其內(nèi)容表示什么，如果用XML，相應(yīng)的文檔（文件名：個(gè)人簡歷.xml）就可寫成如下形式：

<?xml version="1.0" encoding="GB2312"?>
<resume>
<name>禹希初</name>
<sex>男</sex>
<birthday>1977.5</birthday>
<skill>數(shù)據(jù)庫設(shè)計(jì)與維護(hù)、WEB開發(fā)</skill>
</resume>

上例在瀏覽器中的樣子(IE5.0或更新版本)

說明：

　　version──規(guī)定了XML文檔的版本，此處只能是1.0；

　　encoding── 此處規(guī)定了XML文檔的編碼類型，此處取值為"GB2312"，也就是"簡體中文"。

　　對(duì)比兩例，使用XML我們可以做到自定義標(biāo)記，用標(biāo)記表明內(nèi)容的含義。這樣在Internet上交流資料時(shí)，為用計(jì)算機(jī)處理文檔提供了極大的方便，同時(shí)我們閱讀源文件時(shí)也不會(huì)被一大堆格式弄得暈頭轉(zhuǎn)向。

　　然而，由于XML并沒有為標(biāo)記規(guī)定顯示方式，如果我們?cè)谟斡[器中查看以上兩個(gè)文檔（建議使用IE5.0或更新版本），我們將看到xml文檔并沒有以諸如表格的方式來顯示。難道我們就不能像HTML一樣顯示文檔嗎？回答是否定的。以個(gè)人簡歷為例，需要另建一個(gè)格式文件說明各個(gè)標(biāo)記的顯示方式，其內(nèi)容如下（假設(shè)文件名為resume.css）：

resume{ display: block;}
name{ display: block; font-size:120%;}
sex{ display:block; text-indent:2em}
birthday{ display:block; text-indent:2em}
skill{ display:block; text-indent:2em}

說明：

　　以上均為CSS樣式，建議讀者參考有關(guān)資料熟悉CSS，在以后學(xué)習(xí)中必須用到，此處由于篇幅關(guān)系不作介紹。建立文件resume.css后，在個(gè)人簡歷.xml文件的第一行后添加以下文字：

<?xml-stylesheet type="text/css" href="resume.css"?>

上例在瀏覽器中的樣子(IE5.0或更新版本)

說明：

　　此處表示引用一個(gè)外部CSS樣式文件，其中type規(guī)定樣式類型（可取值為text/css或text/xsl），href規(guī)定文件路徑。

　　保存文件，再以IE5.0打開文件。怎么樣？格式有些不一樣吧。好象還不令人滿意，文檔內(nèi)容是清晰了，但顯示效果比HTML編寫的文檔就差得多了，XML編寫的文檔就只能以這種方式顯示嗎？！

提示：

　　1. 為了更好的理解與掌握XML，建議大家熟悉HTML 4.0與CSS 2.0語法；掌握J(rèn)avaScript、VBscript中至少一種；編程經(jīng)驗(yàn)、對(duì)數(shù)據(jù)庫理論與SQL的了解均能使大家在學(xué)習(xí)XML時(shí)獲益。

　　2. XML文檔中標(biāo)記必須成對(duì)出現(xiàn)，如果是空標(biāo)記也必須有前加"/"的同名標(biāo)記結(jié)束，或使用此種文式<xml_mark/>表示空標(biāo)記。

　　3. XML以及下面將要介紹的XSL文檔，屬性值必須用雙引號(hào)（"）或單引號(hào)（"）括起來。

　　4. XML文檔必須是良構(gòu)的（XSL文檔也是XML文檔中一種），也就是說標(biāo)記必須有結(jié)束標(biāo)記、標(biāo)記可以嵌套但不可交叉，如：

是合法的，而下面的形式

則是錯(cuò)誤的。如果XML文檔在瀏覽時(shí)出錯(cuò)，多半是違反了上面提到的規(guī)則。
12345下一頁閱讀全文

XML/RSS

上一條：跟我學(xué)XSL（二）第1/4頁下一條：SXNA RSS Blog 聚合器程序

相關(guān)文章：

1. asp下利用xml打包網(wǎng)站文件2. XSL簡明教程3. Jsp servlet驗(yàn)證碼工具類分享4. JavaScript css3實(shí)現(xiàn)簡單視頻彈幕功能5. IntelliJ IDEA 2020最新激活碼(親測(cè)有效，可激活至 2089 年)6. CSS3實(shí)現(xiàn)動(dòng)態(tài)翻牌效果仿百度貼吧3D翻牌一次動(dòng)畫特效7. idea重置默認(rèn)配置的方法步驟8. Java IO字符流緩沖區(qū)實(shí)現(xiàn)原理解析9. 使用 Python 實(shí)現(xiàn)微信消息的一鍵已讀的思路代碼10. ASP.Net Core對(duì)USB攝像頭進(jìn)行截圖

排行榜

					
					Jsp servlet驗(yàn)證碼工具類分享
asp下利用xml打包網(wǎng)站文件
XSL簡明教程
JavaScript css3實(shí)現(xiàn)簡單視頻彈幕功能
IntelliJ IDEA 2020最新激活碼(親測(cè)有效，可激活至 2089 年)
CSS3實(shí)現(xiàn)動(dòng)態(tài)翻牌效果 仿百度貼吧3D翻牌一次動(dòng)畫特效
idea重置默認(rèn)配置的方法步驟
Java IO字符流緩沖區(qū)實(shí)現(xiàn)原理解析
Python批量刪除mysql中千萬級(jí)大量數(shù)據(jù)的腳本分享
Android 通過cmake的方式接入opencv的方法步驟
解決vue項(xiàng)目axios每次請(qǐng)求session不一致的問題
				