色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

用xslt+css讓RSS顯示的跟網頁一樣漂亮

瀏覽:144日期:2022-06-04 09:51:35
最近開始研究 XML+XSLT+CSS 構造網頁..又拿自己的站的一部分當成實驗品..
因為我把這個站的實驗室的東西扔在別一個服務器上..可又懶得再做個首頁,,,就同步了這邊的 RSS.當首頁
可沒關聯的樣式的XML怎樣看怎樣不喜歡....

直接關聯 CSS 能把 XML 能變成像樣一點..雖然不是最終目的..可還是要學習一下..因為不是所有的瀏覽器都支持XSLT 
我能用到的瀏覽器好像都能認識關聯的 CSS ~可惜單單 CSS 能做的事太少了. 還是xslt好..

寫直接用于 XML 的 CSS 跟平時寫的 CSS 基本沒什么差別...只是元素名不同了.難度高高...寫 HTML 的自由沒有了...也不可以因為想要某個效果而亂加元素...
好像我的水平決定了我只能寫出定義得比文本好看一下下的CSS, 接著.看例子. 跳掉..研究 XSLT 了

xslt 能做的事很多..xml 終于可以直接當網頁用了..

打開一份別人寫好的 xslt 發現....好多熟悉的東東..........
對于應用在RSS..我們對XLST只要知道

xsl:for-each select="rss/channel/item" 
xsl:value-of select="..." 
disable-output-escaping="yes" 
一個循環 一個選擇節點....一個設置禁止輸出轉義時 
接著復制了我程序用的模板文件.....把 smarty 的標簽直接換成 xsl 的..太像了..我連 html 都不用寫..一路復制..
等網站的核心程序寫完后我一定要嘗試用xslt直接做smarty模板...

接著整理出一個單獨的CSS 本以為就這樣完了.........
-____________-!! 每次做網頁時總會有些瀏覽器會鬧鬧情緒...這回是 moz 內核的....
我需要顯示 CDATA 里的 HTML ,讓他更像個網頁,
可搜索跟我說 Mozilla 的 Transformiix 不支持 disable-output-escaping

我記得 feedburner 能在 Firefox 顯示 CDATA 里的 HTML 代碼~
看了他的 xslt 跟搜索的結果發現.......基本都是用JS的innerHTML把內容再寫進一次就能顯示........

原因我也不清楚.....學著大家方法.把 disable-output-escaping 勉強解決了.........

寫 JS 時又發現...JS 有些怪怪的...比如....直接寫在 xslt 里跟外鏈有些不同..
本想就一個頁..一個 function 亂寫能運行就行....結果又發現N多奇怪的問題..暫時也沒時間去研究他....等有空再寫些測試...

說了這樣多的廢話..
大家看看我的學習的結果, http://lab.loaoao.com 

擴展閱讀 
http://www.w3.org/TR/xslt/ 
http://www.xml.org.cn/list.asp?boardid=8 
www.w3schools.com/xsl/ 
hedong.3322.org/archives/000044.html 
標簽: XML/RSS
相關文章:
主站蜘蛛池模板: 国产a精品三级 | 日本阿v精品视频在线观看 日本阿v视频在线观看高清 | 99久久精品免费看国产免费软件 | 综合色久七七综合七七蜜芽 | japanese色系tube护士 | 特黄的欧美毛片 | 久色tv| 12一15女人a毛片 | 曰本三级| 久久久国产一区二区三区 | 国产精品高清全国免费观看 | 亚洲国产国产综合一区首页 | 亚洲欧美极品 | 一区 在线播放 | 99久久免费精品视频 | 国产自偷自拍 | 在线观看免费国产 | 免费公开视频人人人人人人人 | 欧美国产在线一区 | 久久久精品免费视频 | 人人99| 精品欧美一区二区在线观看 | 三级毛片在线看 | 日韩欧美不卡一区二区三区 | 一级做a爰片久久毛片看看 一级做a爰片久久毛片鸭王 | 欧美日韩另类综合 | 99久国产 | 亚洲国产综合人成综合网站00 | 成年大片免费视频播放二级 | 男女扒开双腿猛进入免费网站 | 最全精品自拍视频在线 | 欧美成人a级在线视频 | 性欧美videos 精品 | 日韩在线中文字幕 | 鲁丝一区二区三区不属 | 日产国产精品亚洲系列 | 美女又爽又黄视频 | 国产成人免费不卡在线观看 | 91精品久久一区二区三区 | 在线成人欧美 | 日韩精品视频免费在线观看 |