หากคุณคุ้นเคยกับรูปแบบ CSS ของ HTML คุณจะเห็นคุณค่าของแนวคิดในการจัดรูปแบบ เมื่อเริ่มต้นใช้ภาษามาร์กอัป XML การแสดงข้อมูลมีความซับซ้อนเล็กน้อย แต่ก็มีการเปลี่ยนแปลงด้วยสไตล์ชีท
ด้วยการเพิ่มข้อมูลอ้างอิงสไตล์ชีทคุณสามารถจัดรูปแบบและแสดงโค้ด XML ของคุณเป็นเว็บเพจ หากไม่มี CSS หรือการจัดรูปแบบอื่น XML จะปรากฏเป็นข้อความพื้นฐานที่มีข้อผิดพลาดระบุว่าเบราว์เซอร์ไม่สามารถหาเอกสารการจัดรูปแบบได้
ตัวอย่างการจัดรูปแบบ XML
สไตล์ชีตเรียบง่ายเพียงต้องการให้คุณระบุองค์ประกอบและแอตทริบิวต์การจัดรูปแบบที่จำเป็นเพื่อแสดงข้อมูล
บิตของรหัสนี้บอกโปรเซสเซอร์ที่จะแสดงองค์ประกอบและลักษณะที่ควรปรากฏบนหน้าเว็บเช่นนี้:
บรรทัดแรกของไฟล์การจัดรูปแบบคือส่วนหัว แอตทริบิวต์สำหรับรากใช้กับทั้งหน้า แต่คุณเปลี่ยนค่าเหล่านี้สำหรับแต่ละแท็ก ซึ่งหมายความว่าคุณสามารถกำหนดสีพื้นหลังของหน้าเว็บและจากนั้นอีกครั้งสำหรับแต่ละส่วน
บันทึกไฟล์นี้ลงในไดเร็กทอรีเดียวกันกับไฟล์ XML ของคุณและตรวจสอบว่ามีนามสกุลไฟล์. CSS
เชื่อมโยงไปยัง CSS จาก XML
ณ จุดนี้เอกสารทั้งสองฉบับนี้แยกกันอยู่ โปรเซสเซอร์ไม่มีความคิดที่คุณต้องการให้ทำงานร่วมกันเพื่อสร้างเว็บเพจ
คุณสามารถแก้ไขปัญหานี้ได้ด้วยการเพิ่มคำสั่งไปที่ด้านบนของเอกสาร XML ที่ระบุพา ธ ไปยังไฟล์ CSS คำสั่งนี้จะอยู่ภายใต้คำสั่งการประกาศ XML แบบเริ่มต้นเช่นนี้:
ในตัวอย่างนี้เรียกว่าไฟล์ CSS products.css ซึ่งเป็นเหตุให้มีการติดป้ายกำกับไว้ในเอกสาร XML เปลี่ยนชื่อไฟล์ให้เป็นไฟล์ CSS ที่คุณเลือก
