kelas adalah kelas yang menetapkan label.
id adalah pengidentifikasi label set.
Atribut class digunakan untuk menentukan kelas gaya mana yang dimiliki elemen tersebut.
Misalnya, style sheet dapat ditambahkan:
.baobao { warna: jeruk nipis; latar belakang: #ff80c0 }
Penggunaan: kelas = "baobao"
Atribut id digunakan untuk menentukan gaya unik suatu elemen. Seperti aturan CSS:
#binbin { ukuran font: lebih besar }
Penggunaan: id = "binbin"
ID adalah label yang digunakan untuk membedakan struktur dan isi yang berbeda, sama seperti nama Anda. Jika ada dua orang dengan nama yang sama dalam sebuah ruangan, akan terjadi kebingungan;
Berkelas adalah gaya yang dapat diterapkan pada struktur dan konten apa pun, seperti halnya sebuah pakaian;
Secara konseptual, keduanya berbeda: id menemukan struktur/konten terlebih dahulu, lalu mendefinisikan gaya untuknya; kelas mendefinisikan gaya terlebih dahulu, dan kemudian menerapkannya ke beberapa struktur/konten.
Kelas digunakan untuk mendefinisikan satu atau lebih elemen berdasarkan kriteria yang ditentukan pengguna. Analogi yang lebih tepat adalah skrip: sebuah Kelas dapat menentukan alur cerita setiap karakter dalam skrip. Anda dapat menggunakan kelas ini melalui CSS, javascript, dll. Jadi Anda dapat menggunakan class="Frodo", class="Gandalf", class="Aragorn" pada halaman untuk membedakan alur cerita yang berbeda. Hal lain yang sangat penting adalah Anda dapat menggunakan Kelas berapa kali pun dalam sebuah dokumen.
Sedangkan untuk ID biasanya digunakan untuk menentukan tanda yang hanya muncul satu kali pada halaman. Saat melakukan tata letak terstruktur untuk tata letak halaman (misalnya, halaman biasanya terdiri dari header, masthead <masthead>, area konten dan footer, dll.), biasanya ideal untuk menggunakan ID, karena ID ada di a Hanya dapat digunakan satu kali dalam dokumen. Elemen-elemen ini jarang muncul lebih dari satu kali pada halaman yang sama.
Singkatnya dalam satu kalimat: Kelas dapat digunakan berulang kali tetapi ID hanya dapat digunakan sekali dalam satu halaman. Ada kemungkinan bahwa menggunakan ID yang sama berulang kali tidak akan menimbulkan masalah di sebagian besar browser, tetapi ini jelas merupakan penggunaan yang salah menurut standar, dan dapat menyebabkan masalah di kehidupan nyata di beberapa browser.
Dalam aplikasi praktis, Kelas mungkin lebih berguna untuk tata letak teks, dll., sedangkan ID lebih berguna untuk tata letak makro dan desain penempatan berbagai elemen.