Хэрэв та CSS хэлбэрийн HTML хуудсыг хэрхэн мэддэг бол, та форматын концепцийг үнэлэх болно. XML тэмдэглэгээний хэл дээрх эхэнд өгөгдлийг харуулах нь арай төвөгтэй байсан ч загварын хуудас өөрчлөгдсөн.
Загварын хуудасны лавлагаа нэмснээр, та XML кодыг веб хуудас хэлбэрээр харуулах боломжтой. CSS эсвэл бусад форматгүй бол XML нь үндсэн текст хэлбэрээр гарч ирсэн бөгөөд энэ нь хөтөч форматтай файлыг олох боломжгүй гэсэн үг юм.
XML-ийн загвар жишээ
Энгийн загварын хуудас нь зөвхөн элемент болон өгөгдлийг харуулахад шаардлагатай форматын шинж чанаруудыг жагсаахыг шаарддаг.
Энэ код нь процессор ямар элементүүдийг харуулах, вэб хуудсан дээр хэрхэн харагдахыг хэлж өгдөг:
Жишээ {background-color: #ffffff; өргөн: 100%;} mymessage {display: block; суурь өнгө: # 999999; margin-bottom: 30pt;} body {font-size: 50%}Форматчлах файлын эхний мөр нь root элемент юм. Root-ийн шинж чанаруудыг бүх хуудсанд хамруулах боловч та тэдгээрийг tag бүрээр солих болно. Энэ нь хуудасны дэвсгэр өнгийг тодорхойлж, дараа нь хэсэг тус бүрийг тодорхойлж болно гэсэн үг юм.
Энэ файлыг өөрийн XML файлтай адил сан руу хадгалж, .CSS файл өргөтгөлтэй эсэхийг шалгаарай.
CSS рүү холбох нь XML-ээс
Энэ үед эдгээр нь хоёр тусдаа баримт бичиг юм. Процессор нь вэб хуудас үүсгэхийн тулд тэд хамтран ажиллахыг хүсч байгаагаа мэдэхгүй байна.
Та CSS баримт бичигт заасан замыг тодорхойлж буй XML баримт бичгийн дээд хэсэгт өгүүлбэрийг нэмж засварлаж болно. Тайлбар нь дараах байдлаар XML мэдүүлгийн эхний мэдэгдлийн доор шууд явагдана:
Энэ жишээнд CSS файлыг products.css гэж нэрлэдэг бөгөөд энэ нь XML баримт бичигт бичигдсэн байдаг. CSS файлд зориулсан ямар ч файлын нэрийг өөрчилнө үү.