?? 0404-0000.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0071)http://162.105.170.55/ASPs/GetLearningArticleTemp.asp?section=0404-0000 -->
<HTML><HEAD><TITLE>XML中國論壇 - 初學進階 - 4.4 兩種樣式單的比較</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>TABLE {
FONT-SIZE: 9pt; COLOR: black; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"
}
.pt9 {
FONT-SIZE: 9pt; COLOR: black; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"
}
.pt10 {
FONT-WEIGHT: 700; FONT-SIZE: 10pt; LINE-HEIGHT: 18pt; FONT-FAMILY: "宋體"
}
.TempOutline {
FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; COLOR: #666666; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.TempOutline1 {
FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; COLOR: #666666; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.Outline {
FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.Outline1 {
FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.Outline11 {
FONT-SIZE: 9pt; MARGIN-LEFT: 38pt; TEXT-INDENT: -50pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.passage0 {
FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.passage1 {
FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.passage11 {
FONT-SIZE: 9pt; MARGIN-LEFT: 38pt; TEXT-INDENT: -50pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
.passage111 {
FONT-SIZE: 9pt; MARGIN-LEFT: 51pt; TEXT-INDENT: -64pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋體"; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=JavaScript>
<!--
//以下用于控制文本鏈接
function MM_goToURL() { //v2.0
for (var i=0; i< (MM_goToURL.arguments.length - 1); i+=2) //with arg pairs
eval(MM_goToURL.arguments[i]+".location='"+MM_goToURL.arguments[i+1]+"'");
document.MM_returnValue = false;
}
//以下用于控制文本縮進
function clickHandler()
{
var targetId;
var srcElement = window.event.srcElement;
var targetElement;
if (srcElement.className.substr(0,7) == "Outline")
{
targetId = srcElement.id.substr(0,12) + "details";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display = "";
}
else {
targetElement.style.display = "none";
}
targetId = srcElement.id.substr(0,12) + "Image";
targetElement = document.all(targetId);
if (targetElement.src.indexOf("plus") >= 0) {
targetElement.src = "Image/minus.gif";
}
else {
targetElement.src = "Image/plus.gif";
}
}
}
document.onclick = clickHandler;
//以下用于控制標題圖片選取
function cache_img (img_URL) {
if (document.images) {
im = new Image();
im.src = img_URL;
}
}
function roll_img (img_name, img_URL) {
if (document.images) {
document.images[img_name].src = img_URL;
}
}
cache_img ('image/menu_homepage1.gif');
cache_img ('image/menu_homepage0.gif');
cache_img ('image/menu_faq1.gif');
cache_img ('image/menu_faq0.gif');
cache_img ('image/menu_learner1.gif');
cache_img ('image/menu_learner0.gif');
cache_img ('image/menu_tech1.gif');
cache_img ('image/menu_tech0.gif');
cache_img ('image/menu_dev1.gif');
cache_img ('image/menu_dev0.gif');
cache_img ('image/menu_software1.gif');
cache_img ('image/menu_software0.gif');
cache_img ('image/menu_standards1.gif');
cache_img ('image/menu_standards0.gif');
cache_img ('image/menu_diss1.gif');
cache_img ('image/menu_diss0.gif');
cache_img ('image/menu_focus1.gif');
cache_img ('image/menu_focus0.gif');
cache_img ('image/menu_news1.gif');
cache_img ('image/menu_news0.gif');
cache_img ('image/menu_lab1.gif');
cache_img ('image/menu_lab0.gif');
cache_img ('image/menu_link1.gif');
cache_img ('image/menu_link0.gif');
cache_img ('image/menu_co1.gif');
cache_img ('image/menu_co0.gif');
cache_img ('image/menu_map1.gif');
cache_img ('image/menu_map0.gif');
cache_img ('image/menu_doc1.gif');
cache_img ('image/menu_doc0.gif');
cache_img ('image/menu_about1.gif');
cache_img ('image/menu_about0.gif');
//-->
</SCRIPT>
<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<BODY vLink=#000000 aLink=#000000 link=#000000 leftMargin=0 topMargin=0
onload=""><!-- 以下為主體內容 -->
<div align="center">
<center>
<TABLE width=707 border=0 style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<TBODY>
<TR vAlign=top>
<TD width=42 height=80>
</TD>
<TD vAlign=center width="637" ><IMG height=33
src="image/title_learner.gif" width=226></TD>
<TD width=28 height=80>
</TD>
</TR>
<TR vAlign=top>
<TD width="42" > </TD>
<TD width="637" ><!-- 正文內容 -->
<DIV class=pt10><B>4.4 兩種樣式單的比較</B></DIV>
<DIV></DIV><BR>
<DIV class=pt9>
<P>本章的前幾節花了很大的篇幅介紹了XML的樣式單--CSS和XSL。CSS和XSL均屬于樣式單的一種，都可以用來設定文檔的外觀。那么，它們有什么區別呢？比較起來，它們主要有以下幾個大的不同：
<OL>
<LI>用途不同<BR>CSS最早是針對于HTML提出的，后來又將其應用于XML之中，它既可以為HTML文檔中的各個成分設定樣式，又可以為XML中的成分設定樣式。XSL是專門針對XML提出的，它不能處理HTML文檔。但它有一個CSS無法達到的功能，即用一個命令行將一個XML文檔轉換為另一個文檔并存盤。
<LI>處理結果不同<BR>XSL采用的是一種轉換的思想，它將一種不含顯示信息的XML文檔轉換為另一種可以用某種瀏覽器瀏覽的文檔，轉換后的輸出碼或者存為一個新的文檔，或者暫存于內存中，但都不修改源代碼。而CSS則沒有任何轉換動作，只是針對結構文檔中的各個成分，依照樣式規定一一設定外觀式樣，再由瀏覽器依據這些式樣顯示文檔，在整個過程中沒有任何新碼產生。
<LI>表現能力不同<BR>在XSL中定義的90%的樣式規定，實際上在CSS中都有定義。但仍然有一些效果是CSS無法描述的，必須使用XSL不可。這些功能包括文本的置換，例如將一個美國的時間表示格式轉換為一個中國的時間表示格式；根據文本內容決定顯示方式，例如將60分以上的分數用黑色顯示，60分以下的分數用紅色顯示；將文檔中的成分按照某一個子成分的值進行排序，例如將商品按售價進行排序。此外，還有對于超鏈接的支持，對于FRAME的支持，對于某些語種文字從上到下，行從右到左的排列格式的支持等，都是XSL所獨有的。
<LI>語法不同<BR>XSL是根據XML的語法進行定義的，實際上又是XML的一種應用。而CSS的語法自成體系，且比較簡單，易學易用。
</LI></OL>
<P>綜上所述，一個XML文檔的顯示方式可以歸納為三種：即利用CSS顯示，利用XSL轉化為FO顯示，以及利用XSL轉化為HTML文檔顯示（這個HTML文檔中可包含CSS樣式）。<BR></P>
<P align=center><IMG height=235 alt="wpe47.jpg (10637 bytes)"
src="image/TU000000-0404-0000-01.jpg" width=293></P>
<P>隨著利用XML定義的各種面向顯示方式描述的置標語言的不斷成熟和瀏覽器顯示效果的不斷豐富，在不久的將來，我們就可以利用名空間，通過XSLT將一個XML數據文檔轉換為集各種描述顯示方式的標記于大成的文檔，使瀏覽器具有更強的表達力，為網絡數據提供越來越生動逼真、活靈活現的展現方式。</P>
<P align=center><IMG height=233 alt="wpe48.jpg (16531 bytes)"
src="image/TU000000-0404-0000-02.jpg" width=637></P></DIV>
<P></P>
<P></P></TD>
<TD width="28" > </TD>
</TR></TBODY></TABLE>
</center>
</div>
<P></P>
<P>
<P></P></BODY></HTML>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -