HTML8 / 46

Atribut id dan class

Dua atribut ini muncul di hampir setiap baris HTML profesional. id adalah nama unik — hanya boleh dipakai satu elemen di seluruh halaman, dan dipakai untuk menandai target link (#kontak) atau menghubungkan label ke input. class adalah penanda kelompok — boleh dipakai berulang di banyak elemen, dan inilah yang dipakai CSS untuk memberi gaya yang sama ke banyak elemen sekaligus. Satu elemen boleh punya beberapa class, dipisah spasi. Jebakan pemula: memakai id untuk styling berulang, lalu bingung ketika elemen keduanya tidak ikut berubah.

👀 Contoh dulu

<section id="kontak" class="kartu penting">
  <h2>Hubungi Kami</h2>
</section>

Hasilnya: Satu section yang bisa dituju lewat link #kontak, dan sekaligus membawa dua class untuk diberi gaya CSS.

💡 id unik per halaman, class boleh berulang. Beberapa class ditulis dipisah spasi di dalam satu atribut.

📝 Sekarang giliranmu

Buat sebuah <section> yang punya id bernilai tentang dan class bernilai kartu, berisi <h2> bertuliskan Tentang Saya.

Preview