Cara Menampilkan XML di Halaman Web Menggunakan CSS

Jika Anda terbiasa dengan caranya CSS gaya HTML halaman, Anda akan menghargai konsep pemformatan. Pada awal XML bahasa markup, menampilkan data agak rumit, tetapi itu berubah dengan lembar gaya.

Dengan menambahkan referensi stylesheet, Anda dapat memformat dan menampilkan kode XML Anda sebagai halaman web. Tanpa CSS atau pemformatan lain, XML muncul sebagai teks dasar dengan kesalahan yang menyatakan bahwa peramban tidak dapat menemukan dokumen pemformatan.

Gaya XML XML

Lembar gaya sederhana hanya mengharuskan Anda mencantumkan elemen dan atribut pemformatan yang diperlukan untuk menampilkan data.

Baris pertama dari file pemformatan adalah elemen root. Atribut untuk root berlaku untuk seluruh halaman, tetapi Anda mengubahnya untuk setiap tag. Ini berarti Anda dapat menentukan warna latar belakang untuk halaman dan sekali lagi untuk setiap bagian.

Simpan file Anda ke direktori yang sama dengan file XML Anda, dan pastikan file tersebut memiliki ekstensi file .CSS.

Tautan ke CSS Dari XML

instagram viewer

Pada titik ini, ini adalah dua dokumen yang sepenuhnya terpisah. Prosesor tidak tahu bahwa Anda ingin mereka bekerja bersama membuat halaman web.

Anda dapat memperbaikinya dengan menambahkan pernyataan ke bagian atas dokumen XML yang mengidentifikasi jalur ke file CSS. Pernyataan berjalan langsung di bawah pernyataan deklarasi XML awal.