Buatlah XML Anda Lihat Bagaimana Anda Ingin Dengan dengan Lembaran Gaya Cascading
Mewujudkan dokumen XML, menulis DTD, dan menguraikannya dengan penyemak imbas semuanya baik-baik saja, tetapi bagaimana paparan dokumen apabila anda melihatnya? XML bukan bahasa paparan. Malah, dokumen yang ditulis dengan XML tidak mempunyai pemformatan sama sekali.
Jadi, Bagaimana saya Lihat XML Saya?
Kunci untuk melihat XML dalam penyemak imbas adalah Lembaran Gaya Cascading. Helaian gaya membolehkan anda untuk menentukan setiap aspek dokumen XML anda, dari saiz dan warna teks anda ke latar belakang dan kedudukan objek bukan teks anda.
Katakan anda mempunyai dokumen XML:
LayardJika anda melihat dokumen itu dalam pelayar XML yang sedia ada, seperti Internet Explorer, ia akan memaparkan sesuatu seperti ini:
Judy Layard Jennifer BrendanTetapi bagaimana jika anda mahu membezakan antara elemen ibu bapa dan kanak-kanak? Atau buatlah perbezaan visual antara semua elemen dalam dokumen itu. Anda tidak boleh melakukannya dengan XML, dan bukan bahasa yang dimaksudkan untuk digunakan untuk dipaparkan.
Tetapi bernasib baik, mudah menggunakan Lembaran Gaya Cascading , atau CSS, dalam dokumen XML untuk menentukan bagaimana anda mahu dokumen dan aplikasi itu dipaparkan apabila dilihat dalam penyemak imbas. Untuk dokumen di atas, anda boleh menentukan gaya setiap tag dengan cara yang sama anda akan dokumen HTML.
Sebagai contoh, dalam HTML, anda mungkin ingin mentakrifkan semua teks dalam tag perenggan (
) dengan wajah font Verdana, Geneva, atau Helvetica dan warna latar belakang hijau. Untuk menentukan bahawa dalam lembaran gaya supaya semua perenggan seperti itu, anda akan menulis:
p {font-family: verdana, geneva, helvetica; warna latar belakang: # 00ff00; }Peraturan yang sama berfungsi untuk dokumen XML. Setiap tag dalam XML boleh ditakrifkan dalam dokumen XML:
keluarga {color: # 000000; } induk {font-family: Arial Black; warna: # ff0000; sempadan: pepejal 5px; lebar: 300px; } anak {font-family: verdana, helvetica; warna: # cc0000; sempadan: pepejal 5px; warna sempadan: # cc0000; }Sebaik sahaja anda mempunyai dokumen XML dan lembaran gaya anda ditulis, anda perlu meletakkannya bersama. Sama seperti arahan pautan dalam HTML, anda meletakkan garis di bahagian atas dokumen XML anda (di bawah pengisytiharan XML), memberitahu parser XML di mana mencari lembaran gaya. Sebagai contoh:
Seperti yang saya katakan di atas, baris ini harus ditemui di bawah perisytiharan Tetapi sebelum mana-mana elemen dalam dokumen XML.
Meletakkannya bersama-sama, dokumen XML anda akan dibaca: