إذا كنت على دراية بكيفية صفحات HTML الخاصة بأنماط CSS ، فستقدر مفهوم التنسيق. في بداية لغة ترميز XML ، كان عرض البيانات معقدًا بعض الشيء ، ولكن تم تغييره باستخدام أوراق الأنماط.
بإضافة مرجع ورقة نمط ، يمكنك تنسيق وعرض رمز XML الخاص بك كصفحة ويب. بدون CSS أو بعض التنسيقات الأخرى ، يظهر XML كنص أساسي مع وجود خطأ يشير إلى عدم عثور المستعرض على مستند تنسيق.
مثال لتصميم XML
تتطلب ورقة أنماط بسيطة فقط أن تقوم بسرد العنصر وسمات التنسيق اللازمة لعرض البيانات.
يخبر هذا الجزء من التعليمة البرمجية المعالج عن العناصر التي سيتم عرضها وكيفية ظهورها على صفحة الويب ، على النحو التالي:
sample {background-color: #ffffff؛ عرض: 100 ٪ ؛} mymessage {display: block؛ لون الخلفية: 999999 # ؛ الهامش السفلي: 30 نقطة ؛} الجسم {font-size: 50٪}السطر الأول من ملف التنسيق هو عنصر الجذر. تنطبق سمات الجذر على الصفحة بأكملها ، ولكن يمكنك تغييرها لكل علامة. هذا يعني أنه يمكنك تعيين لون الخلفية للصفحة ثم مرة أخرى لكل قسم.
احفظ هذا الملف إلى نفس الدليل كملف XML الخاص بك ، وتأكد من أن له امتداد الملف .CSS.
وصلة إلى CSS من XML
في هذه المرحلة ، هاتان وثيقتان منفصلتان تمامًا. لا يوجد لدى المعالج فكرة عن رغبته في العمل معًا لإنشاء صفحة ويب .
يمكنك إصلاح هذا عن طريق إضافة عبارة إلى أعلى مستند XML الذي يحدد المسار إلى ملف CSS. ينتقل البيان مباشرة تحت بيان تعريف XML الأولي ، كما يلي:
<؟ xml version = "1.0" encoding = "UTF-8"؟> <؟ xml-stylesheet type = "text / css" href = "products.css"؟>في هذا المثال ، يُطلق ملف CSS على products.css ، وهذا هو السبب في أنه قد تم تصنيفه على أنه مستند XML. قم بتغيير ذلك إلى اسم الملف الذي اخترته لملف CSS.