سی ایس ایس کے ساتھ اسٹائلنگ ایکس ایم ایل دستاویزات

اپنے ایکس ایم ایل کو دیکھو کہ کس طرح آپ کو یہ کرنا چاہتے ہیں کہ وہ سنجیدہ انداز شیٹس کے ساتھ کریں

ایک ایکس ایم ایل کا دستاویز بنانا، ڈی ٹی ڈی لکھ کر، اور براؤزر کے ساتھ اس کی پیروی کرنا ٹھیک ہے، لیکن جب آپ اسے دیکھتے ہیں تو دستاویز کا ڈسپلے کس طرح ہوگا؟ XML ڈسپلے کی زبان نہیں ہے. دراصل، XML کے ساتھ تحریری دستاویزات میں کوئی فارمیٹنگ نہیں ہوگی.

تو، میں اپنے XML کو کیسے دیکھ سکتا ہوں؟

ایک براؤزر میں XML دیکھنے کی کلید کیجادنگ انداز شیٹس ہے. ہالی ووڈ شیٹ آپ کو آپ کے ایکس ایم ایل دستاویز کے ہر پہلو کو اپنے ٹیکسٹ سائز اور رنگ سے اپنے غیر متناسب اشیاء کے پس منظر اور پوزیشن میں وضاحت کرنے کی اجازت دیتا ہے.

کہہ دو کہ آپ کے پاس ایک XML دستاویز ہے:

< ]> جوڈی Layard جینیفر <بچے> برینڈن

اگر آپ اس دستاویز کو XML تیار براؤزر میں دیکھنا چاہتے تھے، جیسے انٹرنیٹ ایکسپلورر، یہ اس طرح کچھ ظاہر کرے گا:

جوڈی لارڈ جینفر برینڈن

لیکن اگر آپ والدین اور بچے کے عناصر کے درمیان فرق کرنا چاہتے ہیں تو کیا ہوگا؟ یا دستاویز کے تمام عناصر کے درمیان بصری فرق بھی بناؤ. آپ اسے XML کے ساتھ نہیں کر سکتے ہیں، اور یہ ایک ایسی زبان نہیں ہے جو ڈسپلے کیلئے استعمال ہونے کا مطلب ہے.

لیکن خوش قسمتی سے، XML دستاویزات میں Cascading Style Sheets ، یا CSS استعمال کرنے میں آسان ہے، اس بات کی وضاحت کرنے کے لئے کہ آپ ان دستاویزات اور ایپلی کیشنز کو براؤزر میں کتنا دیکھنا چاہتے ہیں کہ کس طرح چاہتے ہیں. مندرجہ بالا دستاویز کے لئے، آپ ہر ایک ٹیگ کے انداز کی وضاحت کرسکتے ہیں جس طرح آپ ایچ ٹی ایم ایل دستاویز کریں گے.

مثال کے طور پر، HTML میں آپ پیراگراف ٹیگ (

) کے اندر اندر تمام ٹیکسٹ کی وضاحت کرنا چاہتے ہیں جو فونٹ کا چہرہ ویڈنا، جنیوا، یا ہیلیوٹیکا اور پس منظر کا رنگ سبز ہے. اس سٹائل شیٹ میں وضاحت کرنے کے لئے تاکہ تمام پیراگراف اس طرح کی ہو، آپ لکھ لیں گے:

p {فونٹ - خاندان: verdana، جینیوا، ہیلیویٹا؛ پس منظر کا رنگ: # 00ff00؛ }

ایک ہی اصول XML دستاویزات کے لئے کام کرتے ہیں. XML میں ہر ٹیگ کو XML دستاویز میں بیان کیا جا سکتا ہے:

خاندان {رنگ: # 000000؛ } والدین {فونٹ-خاندان: ایریری بلیک؛ رنگ: # ff0000؛ سرحد: ٹھوس 5px؛ چوڑائی: 300px؛ } بچہ {فونٹ - خاندان: بحریہ، ہیلیویٹا؛ رنگ: # cc0000؛ سرحد: ٹھوس 5px؛ سرحد کا رنگ: #cc0000؛ }

ایک بار جب آپ کے XML دستاویزات اور آپ کے شیلیے شیٹ لکھا جاتا ہے، تو آپ کو ایک ساتھ ڈالنا ہوگا. ایچ ٹی ایم ایل میں لنک کمانڈر کی طرح، آپ XML پیرسر کو بتائیں جہاں سٹائل شیٹ تلاش کرنے کے لئے آپ XML دستاویز (XML اعلان کے ذیل میں) کے سب سے اوپر ایک سطر ڈالیں. مثال کے طور پر:

<؟ xml-stylesheet قسم = "ٹیکسٹ / سی ایس ایس" href = "stylesheet.css"؟>

جیسا کہ میں نے اوپر کہا، اس لائن کو <؟ xml؟> کے تحت ذیل میں ملنا چاہئے لیکن XML دستاویز کے کسی عناصر سے پہلے.

یہ سب ایک ساتھ ڈال کر آپ کے XML دستاویز پڑھ گا:

< <؟ xml-stylesheet type = "text / css" href = "stylesheet.css"؟> < <بچے> جینیفر <بچہ> برینڈن