نمایش XML

در این مقاله از یک استایل شیت Css برای استایل دهی به یک XML استفاده می کنیم

آموزش نحوه نمایش فایل های XML

فایل های XML قابلیت نمایش در بیشتر مرورگرها را دارند.

انتضار نمایش XML با ظاهری شبیه HTML را نداشته باشید.

نمایش فایل XML:

<?xml version="1.0" encoding="UTF-8"?>
- <note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

فایل XML بالا را در مرورگر خود مشاهده کنید note.xml

بیشتر مرورگرها میتوانند اسناد XML را بصورت رنگی نمایش دهند.

اغلب در مرورگرها علامت + و – برای باز و بستن تگ ها قرار دارد.

برای مشاهده کد های اصلی XML در مرورگر خود View Page Source یا View Source را بزنید.

نمایش یک فایل XML نامعتبر

اگر یک فایل XML که دارای مشکل در کد نویسی است را باز کنیم. مرورگر یک ارور باز می گرداند. برخی از مرورگرها ممکن است بجای ارور فایل XML را به طرز غلطی نمایش دهند:

<?xml version="1.0" encoding="UTF-8"?>
- <note>
<to>Tove</to>
<from>Jani</Ffrom>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

فایل را در مرورگر خود بازکنید: note_error.xml

مثال هایی از XML

به مثال های زیر نگاه کنید این مثال ها به شما کمک می کند که درک درست تری از یک فایل XML پیدا کنید.

An XML breakfast menu

این فایل یک منوی صبحانه از یک رستوران است که بصورت XML ذخیره شده است.

An XML CD catalog

این فایل اطلاعات گلچینی از CD ها را در یک فایل XML نگه داری می کند.

An XML plant catalog

این فایل کاتالوگی از یک گیاه از یک مغازه گیاه فروشی است که در یک فایل XML نگهداری میشود.

چرا XML به این صورت نگه داری میشود؟

XML حاوی اطلاعاتی برای نحوه نمایش اطلاعات نیست .

از آنجا که تگ های XML توسط نویسنده آنها اختراع میشوند. مرورگرها نمی دانند آنها را چگونه نمایش دهند. مثالا تگی مانند table در XML ، آیا نماینده تگ table در HTML است یا مشخصات یک میز صبحانه را در خود نگه میدارد.

بدون اطلاعات نحوه نمایش فایل های XML ، مرور گرها چاره ای جز نمایش اطلاعات به همان صورت که هستند را ندارند.

نمایش اطلاعات XML بهمراه فایل CSS

در مثال زیر نحوه استفاده از یک فایل CSS برای فرمت دهی به سند XML را مشاهده می کنید.

شما میتوانید در یک فایل XML مانند cd_catalog.xml و استایلی مانند cd_catalog.css استفاده کنید. ترکیب این دو فایل نتیجه زیر را به شما میدهد :The CD catalog formatted with the CSS file

در کد های زیر یک تکه از یک فایل XML است که در خط دوم آن آدرس یک فایل CSS را برای استایل دهی بخود گرفته است:

<?xml version="1.0" encoding="UTF-8"?>
<?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 Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
.
.
.
</CATALOG>