Kita tahu bahwa saat mendefinisikan gaya dalam style sheet, Anda dapat menentukan id atau kelas, misalnya:
Metode ID: #test{color:#333333}, panggil <div id="test">konten<div> di halaman
Metode KELAS: .test{color:#333333}, panggil <div class="test">konten<div> di halaman
Id hanya dapat digunakan sekali pada satu halaman, dan kelas dapat direferensikan beberapa kali.
Beberapa netizen bertanya, sepertinya tidak ada perbedaan antara id dan class. Jika saya menggunakan banyak id di halaman, maka akan ditampilkan secara normal di IE.
Jawaban: Dampak pertama adalah tidak bisa lolos verifikasi W3.
Dalam hal tampilan halaman, browser saat ini masih mengizinkan Anda melakukan kesalahan ini, dan menggunakan beberapa ID yang identik dapat ditampilkan secara normal "dalam keadaan normal". Namun ketika Anda perlu menggunakan JavaScript untuk mengontrol div ini melalui id, kesalahan akan terjadi.
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 adalah menemukan struktur/konten terlebih dahulu, lalu menentukan gayanya; kelas adalah menentukan gaya terlebih dahulu, lalu menerapkannya ke beberapa struktur/konten.
Standar web berharap setiap orang akan menggunakan kebiasaan ketat untuk menulis kode.
Misalnya: Anda bisa menggunakan <b></b> untuk menampilkan huruf tebal, atau Anda bisa menggunakan <strong></strong> untuk menampilkannya, namun W3C menyarankan Anda menggunakan <strong> karena <strong> lebih semantik.
Jika Anda tidak memperhatikan detail ini dan menganggapnya tidak masalah, maka Anda tidak perlu melakukan transisi ke XML, dan tidak perlu mempelajari standar web, karena penerapan standar web dimulai dari perubahan detail kecil ini, jika tidak maka tidak mungkin menggunakan HTML saat ini.