Styling XML Documents with CSS

ເຮັດໃຫ້ເບິ່ງ XML ຂອງທ່ານວິທີທີ່ທ່ານຕ້ອງການມັນກັບແຜ່ນສະໄຕແບບຮວບຮວມ

ການສ້າງເອກະສານ XML, ຂຽນ DTD, ແລະແຍກມັນກັບຕົວທ່ອງເວັບແມ່ນດີທັງຫມົດ, ແຕ່ວ່າວິທີການສະແດງເອກະສານໃນເວລາທີ່ທ່ານຈະເບິ່ງມັນແນວໃດ? XML ບໍ່ແມ່ນພາສາຂອງການສະແດງ. ໃນຄວາມເປັນຈິງ, ເອກະສານທີ່ຂຽນດ້ວຍ XML ຈະບໍ່ມີຮູບແບບໃດໆ.

ດັ່ງນັ້ນ, ຂ້ອຍຈະເບິ່ງ XML ຂອງຂ້ອຍໄດ້ແນວໃດ?

ກຸນແຈສໍາລັບການເບິ່ງ XML ໃນເບົາເຊີແມ່ນ Cascading Style Sheets. ແຜ່ນແບບໃຫ້ທ່ານອະທິບາຍທຸກໆດ້ານຂອງເອກະສານ XML ຂອງທ່ານ, ຈາກຂະຫນາດແລະສີຂອງຂໍ້ຄວາມຂອງທ່ານກັບພື້ນຫລັງແລະຕໍາແຫນ່ງຂອງວັດຖຸທີ່ບໍ່ແມ່ນຂໍ້ຄວາມຂອງທ່ານ.

ບອກວ່າທ່ານມີເອກະສານ XML:

Judy > Judy Layard <ເດັກ> Jennifer <ລູກ> Brendan

ຖ້າທ່ານຕ້ອງການເບິ່ງເອກະສານທີ່ຢູ່ໃນຕົວທ່ອງເວັບທີ່ມີຄວາມພ້ອມ XML, ເຊັ່ນ Internet Explorer, ມັນຈະສະແດງບາງຢ່າງເຊັ່ນ:

Judy Layard Jennifer Brendan

ແຕ່ສິ່ງໃດກໍ່ຕາມຖ້າທ່ານຢາກແຍກຄວາມແຕກຕ່າງລະຫວ່າງພໍ່ແມ່ແລະເດັກນ້ອຍ? ຫຼືແມ້ກະທັ້ງເຮັດໃຫ້ມີຄວາມແຕກຕ່າງລະຫວ່າງອົງປະກອບທັງຫມົດໃນເອກະສານ. ທ່ານບໍ່ສາມາດເຮັດສິ່ງນັ້ນໄດ້ກັບ XML, ແລະມັນບໍ່ແມ່ນພາສາທີ່ຫມາຍເຖິງການນໍາໃຊ້ສໍາລັບການສະແດງ.

ແຕ່ໂຊກດີ, ມັນງ່າຍທີ່ຈະໃຊ້ Cascading Style Sheets , ຫຼື CSS, ໃນເອກະສານ XML ເພື່ອກໍານົດວິທີທີ່ທ່ານຕ້ອງການເອກະສານແລະແອັບພລິເຄຊັນຕ່າງໆທີ່ຈະສະແດງເມື່ອເບິ່ງໃນເບົາເຊີ. ສໍາລັບເອກະສານຂ້າງເທິງ, ທ່ານສາມາດກໍານົດແບບຂອງແຕ່ລະແທັກໃນວິທີດຽວກັນທ່ານຈະເປັນເອກະສານ HTML.

ຕົວຢ່າງເຊັ່ນໃນ HTML ທ່ານອາດຕ້ອງການກໍານົດຂໍ້ຄວາມທັງຫມົດທີ່ຢູ່ໃນແທັບຖັນ (

) ດ້ວຍໃບຫນ້າຂອງ Fonts Verdana, Geneva, ຫຼື Helvetica ແລະສີພື້ນຫລັງສີຂຽວ. ເພື່ອກໍານົດວ່າໃນຄໍເຕົ້າໄຂ່ທີ່ເພື່ອໃຫ້ທຸກວັກຄືດັ່ງນັ້ນທ່ານຈະຂຽນວ່າ:

p {font-family: verdana, geneva, helvetica ພື້ນຫລັງສີ: # 00ff00; }

ກົດລະບຽບດຽວກັນເຮັດວຽກສໍາລັບເອກະສານ XML. ແຕ່ລະໂຄດໃນ XML ສາມາດຖືກກໍານົດໄວ້ໃນເອກະສານ XML:

ຄອບຄົວ {color: # 000000 } parent {font-family: Arial Black ສີ: # ff0000; border: solid 5px width: 300px } child {font-family: verdana, helvetica ສີ: # cc0000; border: solid 5px border-color: # cc0000 }

ເມື່ອທ່ານມີເອກະສານ XML ຂອງທ່ານແລະ ຄໍເຕົ້າໄຂ່ທີ່ ທ່ານຂຽນ, ທ່ານຈໍາເປັນຕ້ອງໃສ່ໄວ້ນໍາກັນ. ຄ້າຍຄືກັບຄໍາສັ່ງເຊື່ອມຕໍ່ໃນເອກະສານ HTML, ທ່ານໃສ່ເສັ້ນທາງຢູ່ເທິງສຸດຂອງເອກະສານ XML ຂອງທ່ານ (ພາຍໃຕ້ການປະກາດ XML), ບອກຜູ້ວິເຄາະ XML ທີ່ຈະຊອກຫາຄໍເຕົ້າໄຂ່ທີ່. ຍົກ​ຕົວ​ຢ່າງ:

ດັ່ງທີ່ຂ້າພະເຈົ້າໄດ້ກ່າວມາຂ້າງເທິງ, ເສັ້ນນີ້ຄວນຈະຖືກພົບເຫັນຢູ່ພາຍໃຕ້ຄໍາສັ່ງ ແຕ່ກ່ອນໃດໆຂອງອົງປະກອບໃນເອກະສານ XML.

ໃສ່ທັງຫມົດກັນ, ເອກະສານ XML ຂອງທ່ານຈະອ່ານ:

< ເດັກນ້ອຍ ELEMENT (#PCDATA)> <ຄອບຄົວ> <ພໍ່ແມ່> Judy <ພໍ່ແມ່> Layard <ເດັກ> Jennifer <ລູກ> Brendan