文章詳情頁
用xslt+css讓RSS顯示的跟網(wǎng)頁一樣漂亮
瀏覽:127日期:2022-06-04 09:51:35
最近開始研究 XML+XSLT+CSS 構(gòu)造網(wǎng)頁..又拿自己的站的一部分當(dāng)成實驗品..
因為我把這個站的實驗室的東西扔在別一個服務(wù)器上..可又懶得再做個首頁,,,就同步了這邊的 RSS.當(dāng)首頁
可沒關(guān)聯(lián)的樣式的XML怎樣看怎樣不喜歡....
直接關(guān)聯(lián) CSS 能把 XML 能變成像樣一點..雖然不是最終目的..可還是要學(xué)習(xí)一下..因為不是所有的瀏覽器都支持XSLT
我能用到的瀏覽器好像都能認(rèn)識關(guān)聯(lián)的 CSS ~可惜單單 CSS 能做的事太少了. 還是xslt好..
寫直接用于 XML 的 CSS 跟平時寫的 CSS 基本沒什么差別...只是元素名不同了.難度高高...寫 HTML 的自由沒有了...也不可以因為想要某個效果而亂加元素...
好像我的水平?jīng)Q定了我只能寫出定義得比文本好看一下下的CSS, 接著.看例子. 跳掉..研究 XSLT 了
xslt 能做的事很多..xml 終于可以直接當(dāng)網(wǎng)頁用了..
打開一份別人寫好的 xslt 發(fā)現(xiàn)....好多熟悉的東東..........
對于應(yīng)用在RSS..我們對XLST只要知道
xsl:for-each select="rss/channel/item"
xsl:value-of select="..."
disable-output-escaping="yes"
一個循環(huán) 一個選擇節(jié)點....一個設(shè)置禁止輸出轉(zhuǎn)義時
接著復(fù)制了我程序用的模板文件.....把 smarty 的標(biāo)簽直接換成 xsl 的..太像了..我連 html 都不用寫..一路復(fù)制..
等網(wǎng)站的核心程序?qū)懲旰笪乙欢ㄒ獓L試用xslt直接做smarty模板...
接著整理出一個單獨的CSS 本以為就這樣完了.........
-____________-!! 每次做網(wǎng)頁時總會有些瀏覽器會鬧鬧情緒...這回是 moz 內(nèi)核的....
我需要顯示 CDATA 里的 HTML ,讓他更像個網(wǎng)頁,
可搜索跟我說 Mozilla 的 Transformiix 不支持 disable-output-escaping
我記得 feedburner 能在 Firefox 顯示 CDATA 里的 HTML 代碼~
看了他的 xslt 跟搜索的結(jié)果發(fā)現(xiàn).......基本都是用JS的innerHTML把內(nèi)容再寫進(jìn)一次就能顯示........
原因我也不清楚.....學(xué)著大家方法.把 disable-output-escaping 勉強(qiáng)解決了.........
寫 JS 時又發(fā)現(xiàn)...JS 有些怪怪的...比如....直接寫在 xslt 里跟外鏈有些不同..
本想就一個頁..一個 function 亂寫能運行就行....結(jié)果又發(fā)現(xiàn)N多奇怪的問題..暫時也沒時間去研究他....等有空再寫些測試...
說了這樣多的廢話..
大家看看我的學(xué)習(xí)的結(jié)果, http://lab.loaoao.com
擴(kuò)展閱讀
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
因為我把這個站的實驗室的東西扔在別一個服務(wù)器上..可又懶得再做個首頁,,,就同步了這邊的 RSS.當(dāng)首頁
可沒關(guān)聯(lián)的樣式的XML怎樣看怎樣不喜歡....
直接關(guān)聯(lián) CSS 能把 XML 能變成像樣一點..雖然不是最終目的..可還是要學(xué)習(xí)一下..因為不是所有的瀏覽器都支持XSLT
我能用到的瀏覽器好像都能認(rèn)識關(guān)聯(lián)的 CSS ~可惜單單 CSS 能做的事太少了. 還是xslt好..
寫直接用于 XML 的 CSS 跟平時寫的 CSS 基本沒什么差別...只是元素名不同了.難度高高...寫 HTML 的自由沒有了...也不可以因為想要某個效果而亂加元素...
好像我的水平?jīng)Q定了我只能寫出定義得比文本好看一下下的CSS, 接著.看例子. 跳掉..研究 XSLT 了
xslt 能做的事很多..xml 終于可以直接當(dāng)網(wǎng)頁用了..
打開一份別人寫好的 xslt 發(fā)現(xiàn)....好多熟悉的東東..........
對于應(yīng)用在RSS..我們對XLST只要知道
xsl:for-each select="rss/channel/item"
xsl:value-of select="..."
disable-output-escaping="yes"
一個循環(huán) 一個選擇節(jié)點....一個設(shè)置禁止輸出轉(zhuǎn)義時
接著復(fù)制了我程序用的模板文件.....把 smarty 的標(biāo)簽直接換成 xsl 的..太像了..我連 html 都不用寫..一路復(fù)制..
等網(wǎng)站的核心程序?qū)懲旰笪乙欢ㄒ獓L試用xslt直接做smarty模板...
接著整理出一個單獨的CSS 本以為就這樣完了.........
-____________-!! 每次做網(wǎng)頁時總會有些瀏覽器會鬧鬧情緒...這回是 moz 內(nèi)核的....
我需要顯示 CDATA 里的 HTML ,讓他更像個網(wǎng)頁,
可搜索跟我說 Mozilla 的 Transformiix 不支持 disable-output-escaping
我記得 feedburner 能在 Firefox 顯示 CDATA 里的 HTML 代碼~
看了他的 xslt 跟搜索的結(jié)果發(fā)現(xiàn).......基本都是用JS的innerHTML把內(nèi)容再寫進(jìn)一次就能顯示........
原因我也不清楚.....學(xué)著大家方法.把 disable-output-escaping 勉強(qiáng)解決了.........
寫 JS 時又發(fā)現(xiàn)...JS 有些怪怪的...比如....直接寫在 xslt 里跟外鏈有些不同..
本想就一個頁..一個 function 亂寫能運行就行....結(jié)果又發(fā)現(xiàn)N多奇怪的問題..暫時也沒時間去研究他....等有空再寫些測試...
說了這樣多的廢話..
大家看看我的學(xué)習(xí)的結(jié)果, http://lab.loaoao.com
擴(kuò)展閱讀
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
標(biāo)簽:
XML/RSS
上一條:asp讀取xml文件和記數(shù)下一條:XML實體注入深入理解
相關(guān)文章:
1. webpack高級配置與優(yōu)化詳解2. ASP動態(tài)網(wǎng)頁制作技術(shù)經(jīng)驗分享3. PHP設(shè)計模式(七)組合模式Composite實例詳解【結(jié)構(gòu)型】4. 詳解JSP 內(nèi)置對象request常見用法5. H5頁面使用audio標(biāo)簽播放音頻6. HTML <!DOCTYPE> 標(biāo)簽7. Docker與iptables及實現(xiàn)bridge方式網(wǎng)絡(luò)隔離與通信操作8. python中scrapy處理項目數(shù)據(jù)的實例分析9. Spring MVC+ajax進(jìn)行信息驗證的方法10. 將properties文件的配置設(shè)置為整個Web應(yīng)用的全局變量實現(xiàn)方法
排行榜
