电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

用xslt+css讓RSS顯示的跟網(wǎng)頁(yè)一樣漂亮

瀏覽:149日期:2022-06-04 09:51:35
最近開(kāi)始研究 XML+XSLT+CSS 構(gòu)造網(wǎng)頁(yè)..又拿自己的站的一部分當(dāng)成實(shí)驗(yàn)品..
因?yàn)槲野堰@個(gè)站的實(shí)驗(yàn)室的東西扔在別一個(gè)服務(wù)器上..可又懶得再做個(gè)首頁(yè),,,就同步了這邊的 RSS.當(dāng)首頁(yè)
可沒(méi)關(guān)聯(lián)的樣式的XML怎樣看怎樣不喜歡....

直接關(guān)聯(lián) CSS 能把 XML 能變成像樣一點(diǎn)..雖然不是最終目的..可還是要學(xué)習(xí)一下..因?yàn)椴皇撬械臑g覽器都支持XSLT 
我能用到的瀏覽器好像都能認(rèn)識(shí)關(guān)聯(lián)的 CSS ~可惜單單 CSS 能做的事太少了. 還是xslt好..

寫(xiě)直接用于 XML 的 CSS 跟平時(shí)寫(xiě)的 CSS 基本沒(méi)什么差別...只是元素名不同了.難度高高...寫(xiě) HTML 的自由沒(méi)有了...也不可以因?yàn)橄胍硞€(gè)效果而亂加元素...
好像我的水平?jīng)Q定了我只能寫(xiě)出定義得比文本好看一下下的CSS, 接著.看例子. 跳掉..研究 XSLT 了

xslt 能做的事很多..xml 終于可以直接當(dāng)網(wǎng)頁(yè)用了..

打開(kāi)一份別人寫(xiě)好的 xslt 發(fā)現(xiàn)....好多熟悉的東東..........
對(duì)于應(yīng)用在RSS..我們對(duì)XLST只要知道

xsl:for-each select="rss/channel/item" 
xsl:value-of select="..." 
disable-output-escaping="yes" 
一個(gè)循環(huán) 一個(gè)選擇節(jié)點(diǎn)....一個(gè)設(shè)置禁止輸出轉(zhuǎn)義時(shí) 
接著復(fù)制了我程序用的模板文件.....把 smarty 的標(biāo)簽直接換成 xsl 的..太像了..我連 html 都不用寫(xiě)..一路復(fù)制..
等網(wǎng)站的核心程序?qū)懲旰笪乙欢ㄒ獓L試用xslt直接做smarty模板...

接著整理出一個(gè)單獨(dú)的CSS 本以為就這樣完了.........
-____________-!! 每次做網(wǎng)頁(yè)時(shí)總會(huì)有些瀏覽器會(huì)鬧鬧情緒...這回是 moz 內(nèi)核的....
我需要顯示 CDATA 里的 HTML ,讓他更像個(gè)網(wǎng)頁(yè),
可搜索跟我說(shuō) Mozilla 的 Transformiix 不支持 disable-output-escaping

我記得 feedburner 能在 Firefox 顯示 CDATA 里的 HTML 代碼~
看了他的 xslt 跟搜索的結(jié)果發(fā)現(xiàn).......基本都是用JS的innerHTML把內(nèi)容再寫(xiě)進(jìn)一次就能顯示........

原因我也不清楚.....學(xué)著大家方法.把 disable-output-escaping 勉強(qiáng)解決了.........

寫(xiě) JS 時(shí)又發(fā)現(xiàn)...JS 有些怪怪的...比如....直接寫(xiě)在 xslt 里跟外鏈有些不同..
本想就一個(gè)頁(yè)..一個(gè) function 亂寫(xiě)能運(yùn)行就行....結(jié)果又發(fā)現(xiàn)N多奇怪的問(wèn)題..暫時(shí)也沒(méi)時(shí)間去研究他....等有空再寫(xiě)些測(cè)試...

說(shuō)了這樣多的廢話(huà)..
大家看看我的學(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
相關(guān)文章:
主站蜘蛛池模板: 旋片真空泵_真空泵_水环真空泵_真空机组-深圳恒才机电设备有限公司 | 药品仓库用除湿机-变电站用防爆空调-油漆房用防爆空调-杭州特奥环保科技有限公司 | 小型铜米机-干式铜米机-杂线全自动铜米机-河南鑫世昌机械制造有限公司 | 南京欧陆电气股份有限公司-风力发电机官网 | 南京展台搭建-南京展会设计-南京展览设计公司-南京展厅展示设计-南京汇雅展览工程有限公司 | 闭端端子|弹簧螺式接线头|防水接线头|插线式接线头|端子台|电源线扣+护线套|印刷电路板型端子台|金笔电子代理商-上海拓胜电气有限公司 | 成都LED显示屏丨室内户外全彩led屏厂家方案报价_四川诺显科技 | 大立教育官网-一级建造师培训-二级建造师培训-造价工程师-安全工程师-监理工程师考试培训 | 集菌仪_智能集菌仪_全封闭集菌仪_无菌检查集菌仪厂家-那艾 | 东莞动力锂电池保护板_BMS智能软件保护板_锂电池主动均衡保护板-东莞市倡芯电子科技有限公司 | 净化板-洁净板-净化板价格-净化板生产厂家-山东鸿星新材料科技股份有限公司 | 国际高中-国际学校-一站式择校服务-远播国际教育 | 谷歌关键词优化-外贸网站优化-Google SEO小语种推广-思亿欧外贸快车 | 沈阳液压泵_沈阳液压阀_沈阳液压站-沈阳海德太科液压设备有限公司 | 爱科技iMobile-专业的科技资讯信息分享网站| 苏州西装定制-西服定制厂家-职业装定制厂家-尺品服饰西装定做公司 | 手机游戏_热门软件app下载_好玩的安卓游戏下载基地-吾爱下载站 | 基本型顶空进样器-全自动热脱附解吸仪价格-AutoHS全模式-成都科林分析技术有限公司 | 带锯机|木工带锯机圆木推台锯|跑车带锯机|河北茂业机械制造有限公司| | 冷凝水循环试验箱-冷凝水试验箱-可编程高低温试验箱厂家-上海巨为(www.juweigroup.com) | PE拉伸缠绕膜,拉伸缠绕膜厂家,纳米缠绕膜-山东凯祥包装 | 旋转滴界面张力仪(张力测定仪器)-百科| 海日牌清洗剂-打造带电清洗剂、工业清洗剂等清洗剂国内一线品牌 海外整合营销-独立站营销-社交媒体运营_广州甲壳虫跨境网络服务 | 清水-铝合金-建筑模板厂家-木模板价格-铝模板生产「五棵松」品牌 | 光伏支架成型设备-光伏钢边框设备-光伏设备厂家 | 密集架|电动密集架|移动密集架|黑龙江档案密集架-大量现货厂家销售 | 河北码上网络科技|邯郸小程序开发|邯郸微信开发|邯郸网站建设 | 菲希尔FISCHER测厚仪-铁素体检测仪-上海吉馨实业发展有限公司 | 高压包-点火器-高压发生器-点火变压器-江苏天网 | 九州网址_专注于提供网址大全分享推广中文网站导航服务 | 润东方环保空调,冷风机,厂房车间降温设备-20年深圳环保空调生产厂家 | 锂离子电池厂家-山东中信迪生电源 | HYDAC过滤器,HYDAC滤芯,现货ATOS油泵,ATOS比例阀-东莞市广联自动化科技有限公司 | 拉力测试机|材料拉伸试验机|电子拉力机价格|万能试验机厂家|苏州皖仪实验仪器有限公司 | 中药二氧化硫测定仪,食品二氧化硫测定仪|俊腾百科 | 云南标线|昆明划线|道路标线|交通标线-就选云南云路施工公司-云南云路科技有限公司 | 成都网站建设制作_高端网站设计公司「做网站送优化推广」 | 远程会诊系统-手术示教系统【林之硕】医院远程医疗平台 | 冷却塔风机厂家_静音冷却塔风机_冷却塔电机维修更换维修-广东特菱节能空调设备有限公司 | 北京征地律师,征地拆迁律师,专业拆迁律师,北京拆迁律师,征地纠纷律师,征地诉讼律师,征地拆迁补偿,拆迁律师 - 北京凯诺律师事务所 | 耐腐蚀泵,耐腐蚀真空泵,玻璃钢真空泵-淄博华舜耐腐蚀真空泵有限公司 |