سی ایس ایل کے ساتھ XML استعمال کیسے کریں

اگر آپ سی ایس ایس سٹائل HTML صفحات کے ساتھ واقف ہیں تو، آپ فارمیٹنگ کے تصور کی تعریف کریں گے. XML مارک اپ کی زبان کے آغاز میں، اعداد و شمار کو ظاہر کرنے میں تھوڑا سا پیچیدہ تھا، لیکن اس نے طرز شیٹ کے ساتھ تبدیل کردیا.

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

XML اسٹائل مثال

ایک سادہ طرز شیٹ صرف اس کی ضرورت ہوتی ہے کہ آپ اعداد و شمار کو ظاہر کرنے کے لئے عناصر اور فارمیٹنگ کی خاصیت کو درج کریں.

یہ تھوڑا سا کوڈ اس پروسیسر کو بتاتی ہے جس میں عناصر کو ظاہر کرنے اور ویب صفحے پر انھیں کیسے دیکھنا چاہئے، جیسے:

نمونہ {پس منظر کا رنگ: #ffffff؛ چوڑائی: 100٪؛} مایوسیت {ڈسپلے: بلاک؛ پس منظر کا رنگ: # 999999؛ مارجن-نیچے: 30pt؛} جسم {فون سائز: 50٪}

فارمیٹنگ فائل کی پہلی لائن جڑ عنصر ہے. جڑ کے صفات پورے صفحے پر لاگو ہوتے ہیں، لیکن آپ ان کو ہر ٹیگ کے لئے تبدیل کرتے ہیں. اس کا مطلب یہ ہے کہ آپ صفحے کے پس منظر کے رنگ کو نامزد کر سکتے ہیں اور پھر ہر سیکشن کیلئے.

اس فائل کو ایک ہی ڈائرکٹری میں اپنے XML فائل کے طور پر محفوظ کریں، اور اس بات کو یقینی بنانا کہ اس کا ایس ایس ایس فائل توسیع ہے.

XML سے سی ایس ایس سے لنک کریں

اس وقت، یہ دو مکمل الگ الگ دستاویزات ہیں. پروسیسر کو یہ معلوم نہیں ہے کہ آپ چاہتے ہیں کہ وہ ویب صفحہ تخلیق کرنے کے ساتھ مل کر کام کریں .

آپ XML دستاویز کے سب سے اوپر ایک بیان شامل کرکے اس کو درست کر سکتے ہیں جو سی ایس ایس فائل کو راستہ کی شناخت کرتا ہے. یہ بیان براہ راست ابتدائی XML بیاناتی بیان کے تحت جاتا ہے، اس طرح:

<؟ xml ورژن = "1.0" انکوڈنگ = "UTF-8"؟> <؟ xml-stylesheet type = "text / css" href = "products.css"؟>>

اس مثال میں، سی ایس ایس فائل products.css کہا جاتا ہے، لہذا یہ XML دستاویز میں اس طرح کے لیبل لگایا گیا ہے. آپ کو سی ایس ایس فائل کے لئے منتخب کیا جو بھی فائل کا نام تبدیل کریں.