اگر شما با چگونگی شبیه سازی صفحات HTML CSS آشنا هستید، مفهوم قالب بندی را درک خواهید کرد. در آغاز زبان نشانه گذاری XML ، نمایش داده ها کمی پیچیده بود، اما با ورق های سبک تغییر یافت.
با اضافه کردن یک مرجع جدول سبک، شما می توانید کد XML خود را به عنوان یک صفحه وب قالب بندی و نمایش دهید. بدون CSS و یا برخی از قالب بندی های دیگر، XML به عنوان متن اصلی با خطایی ظاهر می شود که بیان می کند که مرورگر سند قالب بندی را پیدا نمی کند.
مثال XML یک ظاهر طراحی شده
یک ورق سبک ساده فقط الزامی است که عناصر و ویژگی های قالب بندی مورد نیاز برای نمایش داده ها را لیست کنید.
این بیت کد به پردازنده می گوید که کدام عناصر برای نمایش و چگونه باید بر روی صفحه وب نگاه کنند، مانند این:
نمونه {background-color: #ffffff؛ عرض: 100٪؛} mymessage {display: block؛ رنگ پس زمینه: # 999999؛ حاشیه پایین: 30pt؛} بدن {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 انتخاب کرده اید.