CSS দিয়ে স্টাইলিং XML ডকুমেন্টস

আপনার এক্সএমএল লিংকটি কিভাবে তৈরি করবেন তা ক্যাসকেডিং স্টাইল শীট এর সাথে করুন

একটি এক্সএমএল ডকুমেন্ট তৈরি করা, DTD লেখা, এবং এটি একটি ব্রাউজার দিয়ে প্যাডিং সব ঠিক আছে, কিন্তু আপনি দেখতে যখন ডকুমেন্ট প্রদর্শন করবে কিভাবে? এক্সএমএল প্রদর্শন একটি ভাষা নয়। বস্তুত, XML- এর সাথে লিখিত নথিতে কোনও ফর্ম্যাটিং থাকবে না।

সুতরাং, কিভাবে আমি আমার এক্সএমএল দেখতে পারি?

একটি ব্রাউজারে এক্সএমএল দেখতে চাবি ক্যাসকেডিং স্টাইল শীট। স্টাইল শীটগুলি আপনার XML ডকুমেন্টের প্রতিটি দিককে আপনার পটভূমির আকার এবং রঙ থেকে এবং আপনার অ-পাঠ্য বস্তুর অবস্থান থেকে সংজ্ঞায়িত করার অনুমতি দেয়।

বলুন আপনার কাছে একটি XML দস্তাবেজ আছে:

]> <পরিবার> <প্যারেন্ট> জুডি লেয়ার্ড <শিশু> জেনিফার <শিশু> ব্রেন্ডন

যদি আপনি একটি XML প্রস্তুত ব্রাউজারে যে দস্তাবেজ দেখতে চান, যেমন ইন্টারনেট এক্সপ্লোরার, এটি এমন কিছু প্রদর্শন করবে:

জুডি লেয়ার্ড জেনিফার ব্রেডন

কিন্তু যদি আপনি পিতা বা মাতা এবং সন্তানদের মধ্যে পার্থক্য করতে চেয়েছিলেন? অথবা এমনকি নথিতে সমস্ত উপাদানগুলির মধ্যে একটি ভিজ্যুয়াল পার্থক্য তৈরি করুন। আপনি XML- এর সাথে এটি করতে পারবেন না, এবং এটি একটি ভাষা নয় যা প্রদর্শনের জন্য ব্যবহার করা হবে।

কিন্তু সৌভাগ্যক্রমে, XML ডকুমেন্টে ক্যাসকেডিং স্টাইল শীটস বা সিএসএস ব্যবহার করা সহজ, এটি একটি ব্রাউজারে যখন দেখানো হয় তখন আপনি কিভাবে সেইসব দস্তাবেজ এবং অ্যাপ্লিকেশনগুলি প্রদর্শন করতে চান তা নির্ধারণ করতে পারেন। উপরে ডকুমেন্টের জন্য, আপনি প্রতিটি ট্যাগের স্টাইলকে একইভাবে এইচটিএমএল ডকুমেন্ট হিসাবে বর্ণনা করতে পারেন।

উদাহরণস্বরূপ, এইচটিএমএলতে আপনি অনুচ্ছেদ ট্যাগের (

) ফন্টের মুখ দিয়ে Verdana, জেনেভা, বা হেলটেনিকা এবং ব্যাকগ্রাউন্ড কালার সবুজ দিয়ে সব টেক্সট সংজ্ঞায়িত করতে চান। এটি একটি স্টাইলশীটে সংজ্ঞায়িত করার জন্য যাতে সমস্ত অনুচ্ছেদের মতো, আপনি লিখবেন:

পি {ফন্ট-পরিবার: ওয়াইডানা, জিনেভ, হ্যালোস্টিকা; পটভূমি-রঙ: # 00ff00; }

একই নিয়ম XML ডকুমেন্টগুলির জন্য কাজ করে। এক্সএমএল প্রতিটি ট্যাগ XML ডকুমেন্টে সংজ্ঞায়িত করা যেতে পারে:

পরিবার {রঙ: # 000000; } পিতা বা মাতা {ফন্ট-পরিবার: আরিয়াল কালো; রঙ: # ff0000; সীমানা: কঠিন 5px; প্রস্থ: 300px; } শিশু {ফন্ট-পরিবার: verdana, helvetica; রঙ: # cc0000; সীমানা: কঠিন 5px; সীমান্ত-রঙ: # cc0000; }

একবার আপনার এক্সএমএল ডকুমেন্ট এবং আপনার স্টাইলশীট লেখার পর, আপনাকে তাদের একসাথে লাগাতে হবে। এইচটিএমএল এর লিঙ্ক কমান্ডের অনুরূপ, আপনি XML ডকুমেন্টের উপরে (XML ঘোষণার নীচে) একটি লাইন রেখেছেন, স্টাইলশীট কোথায় খুঁজে বের করতে XML পসারকে বলছে। উদাহরণ স্বরূপ:

আমি উপরের বলেছি, এই লাইনটি ঘোষণার নীচে খুঁজে পাওয়া উচিত কিন্তু এক্সএমএল ডকুমেন্টের কোনও উপাদান আগে।

এটি একসাথে জুড়ে, আপনার এক্সএমএল ডকুমেন্টটি পড়বে:

< <শিশু> ব্রেন্ডন