文章詳情頁(yè)

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

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

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

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

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

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

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

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

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

說(shuō)明：

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

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

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

　　然而，由于XML并沒(méi)有為標(biāo)記規(guī)定顯示方式，如果我們?cè)谟斡[器中查看以上兩個(gè)文檔（建議使用IE5.0或更新版本），我們將看到xml文檔并沒(méi)有以諸如表格的方式來(lái)顯示。難道我們就不能像HTML一樣顯示文檔嗎？回答是否定的。以個(gè)人簡(jiǎn)歷為例，需要另建一個(gè)格式文件說(shuō)明各個(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}

說(shuō)明：

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

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

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

說(shuō)明：

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

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

提示：

　　1. 為了更好的理解與掌握XML，建議大家熟悉HTML 4.0與CSS 2.0語(yǔ)法；掌握J(rèn)avaScript、VBscript中至少一種；編程經(jīng)驗(yàn)、對(duì)數(shù)據(jù)庫(kù)理論與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)（"）括起來(lái)。

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

是合法的，而下面的形式

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

XML/RSS

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

相關(guān)文章：

1. vue-drag-chart 拖動(dòng)/縮放圖表組件的實(shí)例代碼2. vue使用moment如何將時(shí)間戳轉(zhuǎn)為標(biāo)準(zhǔn)日期時(shí)間格式3. Android studio 解決logcat無(wú)過(guò)濾工具欄的操作4. 什么是Python變量作用域5. js select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼6. PHP正則表達(dá)式函數(shù)preg_replace用法實(shí)例分析7. Android Studio3.6.+ 插件搜索不到終極解決方案(圖文詳解)8. bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼9. Android 實(shí)現(xiàn)徹底退出自己APP 并殺掉所有相關(guān)的進(jìn)程10. 一個(gè) 2 年 Android 開發(fā)者的 18 條忠告

排行榜

					
					vue-drag-chart 拖動(dòng)/縮放圖表組件的實(shí)例代碼
PHP正則表達(dá)式函數(shù)preg_replace用法實(shí)例分析
一個(gè) 2 年 Android 開發(fā)者的 18 條忠告
Spring @Primary和@Qualifier注解原理解析
Vue實(shí)現(xiàn)仿iPhone懸浮球的示例代碼
關(guān)于docker部署的jenkins跑git上的程序的問(wèn)題
js select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼
JSP標(biāo)簽庫(kù)介紹
docker版es、milvus、minio啟動(dòng)命令詳解
Spring的異常重試框架Spring Retry簡(jiǎn)單配置操作
Android 實(shí)現(xiàn)徹底退出自己APP 并殺掉所有相關(guān)的進(jìn)程
				