كيفية تصميم مستندات XML باستخدام CSS

click fraud protection

يعد إنشاء مستند XML ، وكتابة DTD ، وتحليله باستخدام مستعرض أمرًا جيدًا ، ولكن كيف سيتم عرض المستند عند عرضه؟ XML ليست لغة العرض. لن يكون للمستندات المكتوبة باستخدام XML أي تنسيق على الإطلاق.

كيفية عرض XML

مفتاح عرض XML في المستعرض هو Cascading Style Sheets. تسمح لك أوراق الأنماط بتحديد كل جانب من جوانب مستند XML الخاص بك ، من حجم ولون النص إلى الخلفية وموضع الكائنات غير النصية.

لنفترض أن لديك مستند XML:


]>
جودي
لايارد
جينيفر
بريندان

إذا كنت ستعرض هذا المستند في مستعرض جاهز لـ XML ، مثل Internet Explorer ، فسيتم عرض شيء مثل هذا:

جودي لايارد جينيفر بريندان

ولكن ماذا لو أردت التفريق بين العنصر الأصل والعنصر الفرعي؟ أو حتى قم بعمل تمييز مرئي بين جميع العناصر الموجودة في المستند. لا يمكنك فعل ذلك باستخدام XML ، وهي ليست لغة يُقصد استخدامها للعرض.

تنسيق XML

لكن لحسن الحظ ، إنه سهل الاستخدام اوراق النمط المتعاقب، أو CSS، في مستندات XML لتحديد الطريقة التي تريد أن تظهر بها هذه المستندات والتطبيقات عند عرضها في المستعرض. بالنسبة للمستند أعلاه ، يمكنك تحديد نمط كل علامة بنفس الطريقة التي تستخدمها في مستند HTML.

instagram viewer

على سبيل المثال ، في HTML قد ترغب في تعريف كل النص داخل علامات الفقرة (

ص {
عائلة الخطوط: verdana ، geneva ، helvetica ؛
لون الخلفية: # 00ff00 ؛
}

تعمل نفس القواعد مع مستندات XML. يمكن تعريف كل علامة في XML في مستند XML:

الأسرة {
اللون: # 000000 ؛
}
الأبوين {
عائلة الخطوط: Arial Black ؛
اللون: # ff0000 ؛
الحدود: صلبة 5 بكسل ؛
العرض: 300 بكسل ؛
}
طفل {
عائلة الخطوط: verdana ، helvetica ؛
اللون: # cc0000 ؛
الحدود: صلبة 5 بكسل ؛
لون الحدود: # cc0000 ؛
}

بمجرد الحصول على مستند XML الخاص بك وكتابة ورقة الأنماط الخاصة بك ، ستحتاج إلى تجميعها معًا. على غرار أمر الارتباط في HTML ، يمكنك وضع سطر أعلى مستند XML (أسفل إعلان XML) ، لإخبار محلل XML بمكان العثور على ورقة الأنماط. على سبيل المثال:


كما هو مذكور أعلاه ، يجب العثور على هذا السطر أسفل الإعلان ولكن قبل أي عنصر من عناصر مستند XML.

بتجميعها معًا ، سيكون نص مستند XML الخاص بك كما يلي:


]>
جودي
لايارد
جينيفر
بريندان
instagram story viewer