亚洲欧洲视频在线_久久综合久久综合九色_亚洲精品国产手机_亚洲专区第一页

CSS與XSL簡述

日期:2012/2/18 / 人氣:

    我們非常清楚的是在XML中內容與表現形式是分開的。這就使得不同的用戶可以根據他們自己的需要來定義數據的表現形式。在一個XML的源文件中并沒有關于它表現形式的信息。這一點我們可以從下面例子中看出。

佛山網站建設_佛山網站制作_佛山網站設計_佛山網站_佛山網頁設計_佛山網頁建設_佛山網頁制作

例一:在HTML中的一段代碼

<H1>Car Register</H1>

<H2>Make: Saab 9000 </H2>

<H2>Model: 1995</H2>

<H2>Owner:</H2>

<p>Kalle Karlsson

  G?tgatan 1

11111 Stockholm

</p>

這是一段典型的HTML代碼。在每一個tag(標簽)中都含有表現形式的信息,而關于tag之間聯系和結構信息卻沒有了。這事實上約束了HTML的發展。

例二:在XML中的一段代碼

<Car Register>

<Car>

<Registration Number>ABC123 </Registration Number>

<Make>Saab 9000</Make>

<Model>1995 </Model>

<Owner>

<Name>Kalle Karlsson </Name>

<Address>G?tgatan 1 </Address>

<Zip code>11111 </Zip code>

<City>Stockholm </City>

</Owner>

</Car>

</Car Register>

在XML文件之中tag中的信息是非常純的。它沒有表現部分。所以說有人稱XML為傳輸知識的語言。

那么XML文件是怎樣表現的呢?

      XML文件的所有表現信息多發放在了stylesheet(樣式表)文件當中。stylesheet文件全權負責XML源文件的表現形式。所以說如果一個XML源文件對應不同的stylesheet文件它就會有不同的表現形式. 有了stylesheet文件我們可以對文件表現型始終的大小,顏色,空白作特定的規定。

      在這篇文章中我們要來討論的CSS(Cascading Style Sheets 層疊樣式表)和XSL(XML Style Language 可擴展類型語言)就是兩種stylesheet(樣式表)語言。大家會想為什么會同時有兩種語言。這不是重復了嗎?其實它們是互相補充,各有特色的。CSS可以展現HTML 和XML文件,而XSL可以展現XML和Transformation(轉型語言)。由此可見它們各有所長。


我們還是來看看例子吧:

例三:一段CSS代碼

H1 {

font-size: 12pt;

font-weight: bold;

color: blue;

}

它規定了H1元素的字體大小,種類和顏色。當然CSS能做到的遠不只這些。還有比如行距,空白大小等等。


下面我們來看一個CSS結合XML源文件的例子。

例四:一段XML源文件

<?XML:stylesheet type="text/css" ?>

ARTICLE

<HEADLINE>Fredrick the Great meets Bach</HEADLINE>

<AUTHOR>Johann Nikolaus Forke</AUTHOR>

<PARA>

One evening, just as he was getting his

<INSTRUMENT>flute</INSTRUMENT>ready and his

musicians were assembled, an officer brought him a list of

the strangers who had arrived.

</PARA>

</ARTICLE>

例五:一段XSL代碼,名為bach.css

INSTRUMENT {display: inline}

ARTICLE, HEADLINE, AUTHOR, PARA {display: block}

HEADLINE {font-size: 1.3em}

AUTHOR {font-style: italic}

ARTICLE, HEADLINE, AUTHOR, PARA {margin: 0.5em}

      CSS中頭兩行規定了INSTRUMENT元素是實體的,而ARTICLE, HEADLINE, AUTHOR, PARA元素是虛體的。第三至第五行規定了HEADLINE元素的字體大小,AUTHOR元素是意大利字體,ARTICLE, HEADLINE, AUTHOR, PARA元素間空白有0.5em寬 在例四第一行,XML文件指明了它的stylesheet文件的類型與位置。這樣CSS結合到了XML源文件上。

      但CSS與XSL相比,它有著一些不足。CSS適用于那些元素順序不變的文件。對于那些需要經常按不同元素排序的文件,我們還是要用XSL。


XSL是怎樣工作的呢?

      XSL處理器把XML源文件通過XSL檢驗后產生一個HTML表現文件。這樣XML源文件就在網絡瀏覽器上有了表現。其實最終的目標并不只是產生HTML文件,而是可以各種各樣的文件,比如Txt, Rtf. XML源文件中也有類似例四中的一行,

      比如是<?xml-stylesheet type="text/xsl" >用以指明了它的stylesheet文件的類型與位置。每一個XSL文件都包含了template rules(匹配模板規則)的集合。template rules包含有兩個部分:Patterns和Actions。

      Patterns用以指出這個規則適用于那一個元素,Actions指出這個元素以及它的子元素要怎樣展現。這樣一來XML源文件中的結構樹就被轉換成了一個flow objects(流程產物)樹。

讓我們再來看一個例子吧。

例六:一段XSL代碼。

<?xml version="1.0">

<HTML xmlns:xsl="">

<BODY STYLE="font-family:Arial, helvetica, sans-serif; font-size:9.5pt;background-color:#FEEEEE">

<xsl:for-each select="portfolio/stock">

<DIV STYLE="background-color:teal; color:white; padding:4px">

<SPAN STYLE="font-weight:bold; color:white">

<xsl:value-of select="name"/></SPAN>

-<xsl:value-of select="price"/>

</DIV>

<DIV STYLE="margin-left:10px; margin-bottom:1em; font-size:9pt">

<xsl:value-of select="description"/>

<SPAN STYLE="font-style:italic">

(change:<xsl:value-of select="change"/>

</SPAN>

</DIV>

</xsl:for-each>

</BODY>

</HTML>

第二行是指明文件中標識的集合,又叫做Namespace(名域)。這可以使得同名標識不會沖突。

值得一體的是,文件中還用到了選擇語句(for-each select)在XML樹結構中進行選擇。

相信大家讀它不會遇到什么困難。

作者:朋友圈科技


Go To Top 回頂部
亚洲欧洲视频在线_久久综合久久综合九色_亚洲精品国产手机_亚洲专区第一页
久久久久九九视频| 国产亚洲精品日韩| 亚洲一区中文字幕| 国产 日韩 欧美 成人| 精品对白一区国产伦| 五月天久久比比资源色| 午夜精品免费视频| 中文字幕在线视频第一页| 亚洲欧洲一区二区三区| 精品99在线视频| 国内精品自线一区二区三区视频| 欧美一级欧美三级在线观看| 欧美日韩久久婷婷| 欧美日韩中文在线| 老熟妇一区二区三区| 国产在线播精品第三| 日韩欧美精品一区二区三区经典 | 色99中文字幕| 日韩女同互慰一区二区| 欧美一级欧美三级在线观看| 亚洲 国产 欧美 日韩| 欧美日韩夫妻久久| 午夜精品在线免费观看| 色欧美片视频在线观看在线视频 | 欧美成人综合网站| 午夜一区二区三区视频| 国产日本欧美在线| 国产欧美精品日韩区二区麻豆天美| 精品欧美日韩在线| 婷婷一区二区三区| 日本韩国欧美中文字幕| 91精品婷婷国产综合久久竹菊| 日韩欧美色综合| 视频在线一区二区| 中文字幕欧美专区| 精品国产福利| 福利精品视频在线| 亚洲国产天堂久久综合网| 日韩国产精品一区二区三区| 国产欧美一区二区精品仙草咪| 精品国产18久久久久久| 欧美一区二区三区喷汁尤物| 精品视频免费看| wwwwww在线观看| 99久久99| 欧美日韩一二三四五区| 在线看日本不卡| 日本一区二区网站| 内射国产内射夫妻免费频道| 欧美日韩国产在线| 精品少妇一区二区三区在线播放| 欧美日韩另类丝袜其他| 婷婷夜色潮精品综合在线| 欧美变态tickle挠乳网站| 国产一区二中文字幕在线看| www.xxxx精品| 狠狠色狠狠色综合日日小说| 中文字幕欧美国内| 亚洲天堂网一区| 精品成人久久久| 91丨porny丨九色| 日本三级中国三级99人妇网站| 欧美巨大另类极品videosbest | 国产精品香蕉av| 中文字幕日本乱码精品影院| 日本丰满少妇一区二区三区| 美女久久久久久久久| 亚洲精品国产精品久久| 欧美精三区欧美精三区| 亚洲r级在线视频| 国产乱对白刺激视频不卡| 亚洲欧美高清在线| 国产suv一区二区| 国产日产欧美精品| 精品欧美日韩在线| 久久精品99久久香蕉国产色戒| 99爱精品视频| 精品婷婷伊人一区三区三| 亚洲一区在线观看免费| 亚洲免费电影在线| 亚洲欧美日韩精品久久久久| 成人精品免费网站| 亚洲精品v天堂中文字幕 | 五月天亚洲精品| 亚洲精品视频一区二区| 亚洲福利在线看| 欧美成人性战久久| 亚洲国产毛片完整版| 亚洲国产欧美日韩精品| 日韩欧美中文字幕在线播放| 亚洲人成在线播放| 九一久久久久久| 欧美国产在线观看| 亚洲va韩国va欧美va精品| 欧美精选在线播放| 亚洲欧洲精品一区二区三区波多野1战4| 91精品国产乱码久久蜜臀| 国产成a人亚洲精v品在线观看| 91精品国产91久久久久青草| 日韩免费不卡avV| 久久精品国产电影| 精品一区二区三孕妇视频| 伊人国产在线视频| 色综合久久久久综合体| 国产另类ts人妖一区二区| 国产农村妇女精品| 国产精品久久在线观看| 日韩精品极品视频在线观看免费| 国产欧美高清在线| 日韩av综合在线| 日韩一级在线视频| 中文字幕综合在线| 欧美日韩精品综合在线| 日韩中文字幕在线视频播放| 国产在线高清精品| 三级网站在线播放| 亚洲日本久久久| 日韩h在线观看| 国产精品1234| 91香蕉国产视频| 精品裸体舞一区二区三区| 激情都市一区二区| 国产成人综合av| 久久久精品麻豆| 亚洲人线精品午夜| 日韩中文在线中文网三级| 高清视频一区二区| 午夜精品在线观看| 国产999在线观看| 第一页在线视频| 日韩中文字幕有码| 久久久不卡影院| 欧美老人xxxx18| 国产午夜免费福利| 日韩h在线观看| 人妻无码视频一区二区三区| 成人精品网站在线观看| 欧美高清视频一区| 国内欧美视频一区二区| 国产精品久久久久av免费| 99这里只有精品| 中文字幕日韩欧美在线| 91精品国产综合久久精品图片 | 91麻豆精品国产91久久综合| 在线免费不卡视频| 亚洲综合视频1区| 欧美成人性战久久| 国产成人精品综合久久久| 久久婷婷综合色| 欧美午夜久久久| 欧美 日韩 综合| 婷婷国产v国产偷v亚洲高清| 国产美女久久久久久| 欧美日韩国产一中文字不卡| 日本精品久久久久| 国产精品午夜av在线| 日韩精品视频中文在线观看| 国产精品狠色婷| 色综合久久久久综合体桃花网| 日本久久久精品视频| 中文字幕精品视频| av免费观看不卡| 欧美日韩久久久久久| 亚洲韩国欧洲国产日产av| 日韩一级在线免费观看| 中文字幕国产日韩| 国产精品v日韩精品v在线观看| 欧美日韩国产一区中文午夜| 精品国产网站在线观看| 日本精品中文字幕| 午夜av一区二区| 精品1区2区3区| 久久精品人人做人人爽电影| 国产欧美日韩卡一| 亚洲 欧美 日韩 综合| 日韩精品一区二区三区外面| 亚洲一区日韩精品中文字幕| 亚洲精品国产手机| 欧美精品亚洲精品| 五月激情丁香一区二区三区| 亚洲国产精品va| av免费在线观看不卡| 91精品视频专区| 亚洲综合一区在线| 亚洲人成网站777色婷婷| 精品999在线| 日韩精品 欧美| 欧美日韩精品中文字幕| 亚洲欧美制服另类日韩| 国产原创精品在线| 欧美日韩不卡在线视频| 日韩欧美高清在线视频| 久久成人综合网久久国产福利国产秒拍| 久久久精品网站| 色综合色综合网色综合| 欧美日韩中文字幕综合视频 | 91香蕉国产视频| 日韩视频在线观看国产| 91精品国产欧美日韩| 色婷婷av一区二区三区软件|