Web Tutorial
 

Beda ID dan Class dalam Elemen HTML

Ada satu pertanyaan masuk : “Apakah bedanya antara ID dan CLASS dalam Elemen HTML?” Misal:

Jawabannya adalah sebagai berikut:

Untuk CSS tidak ada bedanya antara CLASS dan ID.

Semua yang dimasukkan dalam CSS akan disetting propertinya tanpa perbedaan. Misal:

Akan sama saja dengan setting untuk ID

Dalam satu elemen hanya bisa satu ID, tapi bisa multi class

Dengan membawa Multi Class akan mengakibatkan sebuah elemen tersetting menurut seluruh setting properti css class. Satu elemen juga dapat berisi CLASS dan ID sekaligus.

Dalam satu halaman diharapkan hanya ada satu elemen ber ID tertentu (unik), tapi bisa banyak elemen berclass sama

Namun untuk browser-browser baru, sudah banyak bisa menerima ID sama dalam satu halaman.

Untuk javascript akan kesulitan menangkap Class

Javascript akan dapat dengan mudah mengambil DOM (Document Object Model) dengan ID seperti

Namun di masa kini kita dapat dengan mudah menangkap isi class dengan bantuan JQuery.

ID dapat dipanggil via browser

Jika kita ingin memanggil sebuah halaman dan ditambahkan dengan #{namaid} maka akan langsung dibukakan halaman dalam posisi sudah terscroll ke ID tersebut. Contoh silakan saja buka : http://bimosaurus.com/2013/07/09/tutorial-membuat-aplikasi-webchat-dengan-php-mysql-jquery/#comment

Sekian iseng menjelang Jumat. Selamat menunaikan ibadah puasa Ramadan. Semoga artikel-artikel disini membantu pahala puasa supaya tidak cuma dapat Ra-Madang :D

This entry was posted in CSS, HTML, javascript and tagged , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Anda membutuhkan tutorial WEB, SMS Gateway, Linux, Jaringan, PHP, MySQL dan Lainnya? Kirimkan melalui bimosaurus@gmail.com dan akan segera ditanggapi oleh team, GRATIS tapi ANTRI ! !