Perbedaan Class dan Id Pada HTML

Pada dasarnya class dan id bukanlah tag HTML melainkan atribut yang bisa digunakan hampir di semua tag HTML. Atribut tersebut bukan sekedar atribut biasa tetapi bisa digunakan untuk menunjuk nama class dalam style sheet dan mengakses manipulasi elemen dengan class dan id di JavaScript.

Daftar isi:

Atribut class HTML

Atribut class sering digunakan untuk nama class dalam style sheet dan bisa digunakan untuk manipulasi elemen di JavaScript. Anda bisa menggunakan nama class di beberapa elemen sekaligus. Berikut contohnya:

<!DOCTYPE html>
<html>
<head>
    <style>
        .warna {
            color: crimson;
        }
    </style>
</head>
<body>
    <p class="warna">menggunakan class untuk warna</p>
    <p class="warna">menggunakan nama class di beberapa elemen</p>
</body>
</html>

Atribut id HTML

Atribut id menentukan sebuah id dengan nama yang unik dan Anda tidak boleh menggunakan lebih dari satu elemen dengan id yang sama dalam elemen HTML. Jika Anda ingin menulisnya di properti CSS gunakan karakter hash (#) untuk memulai atribut id. Berikut contohnya:

<!DOCTYPE html>
<html>
<head>
    <style>
        #warna {
            color: crimson;
        }
    </style>
</head>
<body>
    <p id="warna">menggunakan id untuk warna</p>
</body>
</html>