پنهنجو ايڪس ايم ايل ڏسيو ته ڪيئن توهان چاهيندا ته ڪاساسنگنگ انداز شيٽ سان
ايڪس ايم ايل دستاويز ٺاهڻ، ڊي ڊي ڊي لکي، ۽ اهو برائوزر سان ان کي صاف ڪرڻ تمام سٺي آهي، پر توهان ڪھڙو دستاويز ڊسپلي ڪندا آهيو؟ ايڪس ايم ايل ڊسپلي جي ٻولي ناهي. حقيقت ۾، ايڪس ايم ايل سان لکيل دستاويز سڀني کي ڪا به شڪل نه هوندي.
پوء، منهنجي XML کي ڪيئن ڏسو؟
ايڪس ايم ايل کي ڏسڻ لاء ڪو برائوزر ۾ ڪاسسلنگ انداز واري شيشي آهي. اسڪرپٽ شيٽ توهان کي توهان جي XML دستاويزن جي هر پسمن کي بيان ڪرڻ جي اجازت ڏئي ٿو، توهان جي ٽيڪسٽ جي سائيز ۽ رنگن جي توهان جي غير متن واري شين جي پس منظر ۽ پوزيشن ڏانهن.
چوندا آهن توهان وٽ هڪ XML دستاويز آهي:
<؟ xml version = "1.0" اسٽيولون = "ها"> ]> <خانداني>جيڪڏهن توهان هن دستاويز کي ايڪس ايم ايل تيار برائوزر ۾ ڏسي رهيا هئاسين، جهڙوڪ انٽرنيٽ ايڪسپلورر، اهو هن طرح ڪجهه ڏيکاري ها:
جوڊي ليڊارد جينيفر برڊنپر ڇا توهان کي والدين ۽ ٻارڙن عناصر جي وچ ۾ فرق ڪرڻ چاهيندو آهي؟ يا دستاويز جي سڀني عناصرن جي وچ ۾ هڪ بصري فرق پيدا ڪريو. توھان سان گڏ اي ايم ايل سان نٿو ڪري سگھجي، ۽ اھو ھڪڙو ٻولي نه آھي جيڪو ظاھر لاء استعمال ڪرڻ جو مطلب آھي.
پر خوش قسمت، اهو هڪ برائوزر ۾ ڏٺو ويو آهي ته توهان کي اهي دستاويزون ۽ ايپليڪيشنون ڊسپلي ڪرڻ چاهيو ٿا ته وضاحت ڪرڻ لاء ڪاسڪنگنگ انداز شيٽ يا سي ايس ايل، XML دستاويزن ۾ استعمال ڪرڻ آسان آهي. مٿي ڏنل دستاويزن لاء، توهان هڪ ئي دستاويز جو هڪ طريقيڪار جي سڃاڻپ ڪري سگهو ٿا.
مثال طور، HTML ۾ توهان پيراگراف ٽڪرين (
p>) ۾ سڀني متنن جي وضاحت ڪرڻ چاهيندو آهي. فانٽ منهن ويڊنا، جينوفا، يا هيليٽيڪا ۽ پس منظر رنگ سائيز سان. انهي جي وضاحت ڪرڻ لاء هڪ اسلوب شيٽ ۾، جيئن ته اهي سڀئي پيراگرافون آهن، جيڪي توهان لکي سگهندا آهيون:
p {فائيل-ڪٽنب: ورهين، جينويو، هاروويڪا؛ پس منظر-رنگ: # 00ff00؛ }ساڳئي قاعدن سان XML دستاويزن لاء ڪم. ايڪس ايم ايل ۾ هر ٽيڪس ايڪس ايم ايل دستاويزن ۾ وضاحت ڪري سگهجي ٿي.
خاندان {رنگ: # 000000؛ } والدين {فٽ-فيم: ايريري ڪارو؛ رنگ: # ff0000؛ سرحد: 5px لڳل؛ چوٿون: 300px؛ } ٻار {فون-ڪٽنب: ورڇاڻ، هاڻوڪو؛ رنگ: # cc0000؛ سرحد: 5px لڳل؛ سرحد جا رنگ: # cc0000؛ }هڪ دفعو توهان وٽ پنهنجو XML دستاويز آهي ۽ توهان جو ٺاهيل شيٽ لکيل آهي، توهان کي انهن کي گڏ ڪرڻ جي ضرورت آهي. ساڳئي طرح HTML ۾ لنڪ آرڊر سان، توهان پنهنجي XML دستاويزن (مٿي XML جو بيان هيٺ ڏنل) جي مٿان رکي سگهو ٿا. مثال طور:
<؟ xml-stylesheet قسم = "ٽيڪسٽ / سي ايس" href = "stylesheet.css"؟> جيئن مون مٿي ڄاڻايل آهي، هن لڪير کي XML دستاويز ۾
ان کي گڏجي گڏ ڪري، توهان جي XML دستاويز پڙهي سگهندي:
<؟ xml version = "1.0" اسٽائيل = "ها"> <؟ xml-stylesheet type = "ٽيڪسٽ / سي ايس" href = "stylesheet.css"؟> < ! ٻاراڻي ٻار (#PCDATA)>]> ڪومين والدين> والدين> جوڊي والدين> والدين> Layard parent> ٻار جي جينفر child> <ٻارن> برنان family> family>