blog
Belajar CSS yuk(2)
May 18th, 2005
Kemarin, saya sudah menulis tentang bagaimana kode CSS dalam sebuah halaman . Sekarang, akan dilanjutkan bagaimana kode CSS itu diaplikasikan dalam sebuah halaman. Eh, sama aja ya? waduh, yang jelas, yang akan kita bahas disini adalah penggunaan ID dan Class.
Sekarang, mari kita lihat kode dibawah ini.
<div>ini cuma div saja</div>
<div class="satu">masih kelas satu? yg bener aja :D</div>
<div id="dua">punya id satu doang ?</div>
Pada kode diatas, terlihat sangat jelas, baris pertama, atribut dari tag div tidak ada sama sekali. Baris kedua, ada attribut class, dan baris ketiga adalah id.
Dan coba lihat kode CSS dibawah ini
div { font-weight:bold; }
.satu { color:#FF0000; }
#dua { color:#0000FF;border:1px solid #000; }
Penggunaan ID dan Class
Secara umum, dari kode-kode yang sudah saya tulis diatas, bisa ditarik kesimpulan. Jika sebuah elemen menggunakan atribut class,
maka dihalaman CSS dituliskan dengan tanda titik sebelum nama class (lihat class satu). Dan peggunaan atribut ID dituliskan dengan tanda # sebelum nama ID (lihat ID dua).
Peraturan umum, penggunaan class boleh digunakan berulang kali dalam satu dokumen. Sedangkan penggunaan ID hanya diperbolehkan satu kali saja digunakan dalam satu dokumen.
Kenapa? nah, banyak saya temukan referensi di Internet yang masih kurang dalam menjelaskan hal ini. Saya coba menerangkan sedikit, dengan bahasa saya, dan tentunya semua ini adalah IMHO.
Jika memang penggunaan ID hanya dibolehkan satu dalam setiap dokumen, apa fungsi sesungguhnya dari ID tersebut? cukup gunakan atribut class saja, itu sudah cukup. Untuk apa susah-susah menggunakan ID ?
Ya, itu pertanyaan yang awalnya ada dibenak saya. Mungkin, hampir mirip dengan pertanyaan yang akan anda ajukan, dan belum menemukan jawabannya sampai sekarang. Saya, mungkin hanya lebih dulu tahu, bukan berarti saya lebih tahu. Dan maaf, jika ini belum bisa memuaskan hasrat keingintahuan anda.
ID, juga bisa berarti Identity. Sebuah identitas harus bersifat unik. Atribut ID merupakan bawaan dari DOM, yang merupakan identifikasi dari sebuah elemen DOM. DOM identik dengan Dynamic HTML, yaitu penggabungan antara HTML, Javascript, juga CSS yang bisa mengakses dan merubah data, struktur, juga style (CSS) dari sebuah elemen. Sebagai contoh DOM, bisa dilihat disini.
Dengan menggunakan atribut ID, maka anda juga bisa bermain-main dengan javascript, itu adalah kelebihannya. Atribut ID sendiri muncul sebelum adanya CSS, jadi, sama sekali tak berpengaruh ada atau tidak adanya CSS, atribut ID sudah dibutuhkan untuk identifikasi elemen.
Jadi, jika memang tak ada kebutuhan dengan javascript, anda tak perlu menggunakan ID sama sekali. Cukup menggunakan atribut class. Tapi alangkah baiknya, jika dalam penggunaan CSS, untuk memudahkan menulis dan merubah template, ada baiknya tetap menggunakan ID.
Biasanya, ID saya gunakan dalam membuat konstruksi layout. Dan penggunaan Class digunakan untuk format sebuah elemen. Itu semua ditujukan hanya untuk memudahkan membaca dan merubah template.
CMIIW
Daftar sekarang juga untuk cara gampang dapat uang lewat blog
sep om :D
contohnya kurang tuh om, kalo bisa skalian bikin tutor css untuk wp ato apa kek biar bisa dipake org laen :)