Web Tutorial
Home CSS Beda ID dan Class dalam Elemen HTML
formats

Beda ID dan Class dalam Elemen HTML

Published on July 12, 2013 by in CSS, HTML, javascript

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

 
Tags: , , , , ,
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn
1 Comment  comments 

Leave a Reply

Your email address will not be published. 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="">