เรารู้ว่าเมื่อกำหนดสไตล์ในสไตล์ชีต คุณสามารถกำหนดรหัสหรือคลาสได้ ตัวอย่างเช่น:
วิธี ID: #test{color:#333333} เรียก <div id="test">content<div> ในหน้า
วิธี CLASS: .test{color:#333333} เรียก <div class="test">content<div> ในหน้า
รหัสสามารถใช้ได้เพียงครั้งเดียวบนเพจ และสามารถอ้างอิงคลาสได้หลายครั้ง
ชาวเน็ตบางคนถามว่า id กับ class มันไม่ต่างกันเลย ถ้าผมใช้หลาย id ในหน้า IE มันก็จะแสดงผลตามปกติครับ
คำตอบ: ผลกระทบประการแรกคือไม่สามารถผ่านการตรวจสอบ W3 ได้
ในแง่ของการแสดงหน้าเว็บ เบราว์เซอร์ปัจจุบันยังอนุญาตให้คุณทำผิดพลาดได้ และการใช้รหัสที่เหมือนกันหลายรหัสสามารถแสดงได้ตามปกติ "ภายใต้สถานการณ์ปกติ" แต่เมื่อคุณต้องการใช้ JavaScript เพื่อควบคุม div นี้ผ่าน id จะเกิดข้อผิดพลาดขึ้น
ID คือป้ายกำกับที่ใช้เพื่อแยกแยะโครงสร้างและเนื้อหาที่แตกต่างกัน เช่นเดียวกับชื่อของคุณ หากมีคนสองคนที่มีชื่อเดียวกันอยู่ในห้อง จะเกิดความสับสน
คลาสคือสไตล์ที่สามารถนำไปใช้กับโครงสร้างและเนื้อหาใดๆ ได้ เช่นเดียวกับเสื้อผ้า
การพูดตามแนวคิดจะแตกต่างกัน:
ID คือการค้นหาโครงสร้าง/เนื้อหาก่อน จากนั้นจึงกำหนดสไตล์ให้กับมัน คลาสคือการกำหนดสไตล์ก่อน จากนั้นจึงนำไปใช้กับโครงสร้าง/เนื้อหาหลายรายการ
มาตรฐานเว็บหวังว่าทุกคนจะใช้นิสัยที่เข้มงวดในการเขียนโค้ด
ตัวอย่างเช่น คุณสามารถใช้ <b></b> เพื่อแสดงตัวหนา หรือคุณสามารถใช้ <strong></strong> เพื่อแสดงได้ แต่ W3C ขอแนะนำให้คุณใช้ <strong> เนื่องจาก <strong> มีความหมายมากกว่า
หากคุณไม่ใส่ใจกับรายละเอียดเหล่านี้และคิดว่ามันไม่สำคัญ คุณก็ไม่จำเป็นต้องเปลี่ยนไปใช้ XML และไม่จำเป็นต้องเรียนรู้มาตรฐานเว็บ เพราะการนำมาตรฐานเว็บไปใช้เริ่มต้นจากการเปลี่ยนแปลงใน รายละเอียดเล็กๆ น้อยๆ เหล่านี้ ไม่เช่นนั้นจะไม่สามารถใช้ HTML ปัจจุบันได้