class คือคลาสที่กำหนดป้ายกำกับ
id คือตัวระบุของป้ายกำกับชุด
แอตทริบิวต์ class ใช้เพื่อระบุคลาสสไตล์ที่เป็นขององค์ประกอบ
ตัวอย่างเช่น สามารถเพิ่มสไตล์ชีตได้:
.baobao { สี: มะนาว; พื้นหลัง: #ff80c0 }
การใช้งาน: class="baobao"
แอตทริบิวต์ id ใช้เพื่อกำหนดสไตล์เฉพาะสำหรับองค์ประกอบ เช่นกฎ CSS:
#binbin { ขนาดตัวอักษร: ใหญ่ขึ้น }
การใช้งาน: id = "binbin"
ID คือป้ายกำกับที่ใช้เพื่อแยกแยะโครงสร้างและเนื้อหาที่แตกต่างกัน เช่นเดียวกับชื่อของคุณ หากมีคนสองคนที่มีชื่อเดียวกันอยู่ในห้อง จะเกิดความสับสน
คลาสคือสไตล์ที่สามารถนำไปใช้กับโครงสร้างและเนื้อหาใดๆ ได้ เช่นเดียวกับเสื้อผ้า
ในทางแนวคิด พวกมันมีความแตกต่างกัน โดย id ค้นหาโครงสร้าง/เนื้อหาก่อน จากนั้นจึงกำหนดสไตล์ให้กับมัน คลาสจะกำหนดสไตล์ก่อน จากนั้นจึงนำไปใช้กับโครงสร้าง/เนื้อหาหลายรายการ
คลาสใช้เพื่อกำหนดองค์ประกอบตั้งแต่หนึ่งองค์ประกอบขึ้นไปตามเกณฑ์ที่ผู้ใช้กำหนด การเปรียบเทียบที่เหมาะสมกว่าคือสคริปต์: คลาสสามารถกำหนดเนื้อเรื่องของตัวละครแต่ละตัวในสคริปต์ได้ คุณสามารถใช้คลาสนี้ผ่าน CSS, จาวาสคริปต์ ฯลฯ ดังนั้น คุณสามารถใช้ class="Frodo", class="Gandalf", class="Aragorn" บนหน้าเว็บเพื่อแยกแยะเส้นเรื่องต่างๆ ได้ อีกจุดที่สำคัญมากคือคุณสามารถใช้ Class ในเอกสารกี่ครั้งก็ได้
สำหรับ ID นั้นมักจะใช้เพื่อกำหนดเครื่องหมายที่ปรากฏเพียงครั้งเดียวบนเพจ เมื่อดำเนินการเค้าโครงที่มีโครงสร้างสำหรับเค้าโครงหน้า (เช่น หน้าเว็บมักประกอบด้วยส่วนหัว หน่วยโฆษณาด้านบน <masthead> พื้นที่เนื้อหาและส่วนท้าย ฯลฯ) โดยทั่วไปแล้ว การใช้ ID เหมาะอย่างยิ่งเนื่องจากมี ID อยู่ใน a สามารถใช้ได้เพียงครั้งเดียวในเอกสาร องค์ประกอบเหล่านี้ไม่ค่อยปรากฏมากกว่าหนึ่งครั้งในหน้าเดียวกัน
สรุปเป็นประโยคเดียว: คลาสสามารถใช้ซ้ำได้ แต่ ID สามารถใช้ได้เพียงครั้งเดียวในหนึ่งหน้า อาจเป็นไปได้ว่าการใช้ ID เดียวกันซ้ำๆ จะไม่ทำให้เกิดปัญหาในเบราว์เซอร์ส่วนใหญ่ แต่เป็นการใช้งานที่ไม่ถูกต้องตามมาตรฐานอย่างแน่นอน และอาจทำให้เกิดปัญหาในชีวิตจริงในเบราว์เซอร์บางตัวได้
ในการใช้งานจริง คลาสอาจมีประโยชน์มากกว่าสำหรับการจัดวางข้อความ ฯลฯ ในขณะที่ ID จะมีประโยชน์มากกว่าสำหรับการจัดวางแมโครและการจัดวางการออกแบบองค์ประกอบต่างๆ