Fungsi atribut ID dan CLASS pada tag hanya ditujukan untuk pemberian identitas bagi elemen saja, tapi perbedaannya memang perlu di ketahui.
Bagi pemula, termasuk saya hal ini bisa membingungkan, tetapi tidak berkepanjangan.
Atribut ID bisa digunakan untuk memberikan identitas yang unik suatu elemen, saking uniknya tidak boleh lebih dari dua ID yang nilainya sama pada satu halaman yang sama.
Contoh kode berikut dikatakan benar karena antara satu elemen dengan elemen lainnya tidak mempunyai nilai ID yang sama:
Tetapi tidak untuk ini:
Beda lagi dengan CLASS, dengan CLASS ini anda diperbolehkan untuk memberikan nilai CLASS yang sama antara satu elemen dengan elemen lainnya.
Contoh:
Memang sih kode tetap akan berjalan jika satu elemen dengan elemen lainnya di dalam satu dokumen HTML yang sama mempunyai nilai ID yang sama. Tetapi nantinya efek yang akan ditimbulkan akan berpengaruh besar ketika bekerja dengan JavaScript, DOM, misalnya.
Silahkan melihat arikel: Selector ID CSS dan Selector Class CSS.
