Latest web development tutorials

XML และ CSS

โดยใช้ CSS (Cascading สไตล์ชีตสไตล์ชีท) คุณสามารถเพิ่มข้อมูลที่แสดงการเอกสาร XML


ใช้ CSS เพื่อแสดง XML ของคุณ?

ใช้ CSS เพื่อจัดรูปแบบเอกสาร XML เป็นไปได้

ต่อไปนี้เป็นตัวอย่างของวิธีการใช้แผ่นสไตล์ CSS เพื่อจัดรูปแบบเอกสาร XML:

ดูไฟล์ XML นี้: ไดเรกทอรีซีดี

แล้วมองไปที่แผ่นลักษณะนี้: CSS แฟ้ม

สุดท้ายดู: แคตตาล็อกแผ่นซีดีที่จัดรูปแบบไฟล์ที่ใช้ CSS

นี่คือส่วนเล็ก ๆ ของไฟล์ XML บรรทัดที่สองของไฟล์ XML มีการเชื่อมโยงไปยังไฟล์ CSS นี้:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?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>

การจัดรูปแบบ XML ด้วย CSS ไม่ได้เป็นวิธีการที่ใช้กันทั่วไป

W3C แนะนำให้ใช้ XSLT โปรดดูบทต่อไป