باستخدام CSS يمكنك اضافة عرض المعلومات لصفحة XML.
يمكن عرض ملفات XML الخاصة بك باستخدام CSS
من الممكن استخدام CSS لتشكيل صفحة XML.
في الاسفل مثال عن كيفية استخدام CSS لتشكيل صفحة XML:
يمكن اضافة كود CSS لتنسيق النصوص في ملف XML :
CATALOG
{
background-color: #ffffff;
width: 100%;
}
CD
{
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
TITLE
{
color: #FF0000;
font-size: 20pt;
}
ARTIST
{
color: #0000FF;
font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display: block;
color: #000000;
margin-left: 20pt;
}
في الاسفل جزء من ملف XML. يربط السطر الثاني ملف XML بملف :CSS
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
</TITLE>Hide your heart<TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
</COMPANY>CBS مسجلات<COMPANY >CBS
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
.
.
.
</CATALOG>
النتيجة النهائية كما هو موضح في الصورة :
لا تعتبر طريقة تشكيل XML باستخدام CSS الطريقة الأكثر شيوعا.
تنصح منظمة الويب العالمية باستخدام XSLT بدلا من ذلك. انظر الى الفصل القادم.
ليست هناك تعليقات:
إرسال تعليق