نمایش XML

مرورگر XML را چگونه نشان می‌دهد؟

وقتی فایل XML را مستقیم در مرورگر باز کنید، مرورگر محتوای سند را نمایش نمی‌دهد؛ بلکه ساختار درختی آن را با امکان باز و بسته کردن شاخه‌ها نشان می‌دهد. این نمایش برای توسعه‌دهنده است، نه کاربر نهایی.

راه‌های نمایش XML به کاربر

1. CSS — استایل‌دهی ساده (مثل HTML)
2. XSLT — تبدیل XML به HTML (قدرتمندتر، درس بعد)
3. زبان برنامه‌نویسی — پارس و رندر دلخواه

نمایش XML با CSS

می‌توانید به عناصر XML استایل CSS بدهید! کافی است فایل 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>
        <PRICE>10.90</PRICE>
    </CD>
</CATALOG>

خط xml-stylesheet یک Processing Instruction (دستورالعمل پردازش) است که به مرورگر می‌گوید از کدام فایل CSS استفاده کند.

فایل CSS برای XML

CATALOG {
    background-color: #ffffff;
    margin: 20px;
}

CD {
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
}

TITLE {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #0066cc;
}

ARTIST {
    display: block;
    font-size: 14px;
    color: #333333;
}

PRICE {
    display: block;
    font-size: 14px;
    color: #009900;
}

محدودیت‌های CSS برای XML

• نمی‌توانید ترتیب عناصر را تغییر دهید
• نمی‌توانید عنصری را حذف یا اضافه کنید
• نمی‌توانید XML را به HTML واقعی تبدیل کنید
• فقط ظاهر (رنگ، فونت، حاشیه و...) قابل تغییر است