Rumah > hujung hadapan web > tutorial css > Perbezaan antara Kelas dan ID dalam pertukaran div+css_Experience

Perbezaan antara Kelas dan ID dalam pertukaran div+css_Experience

WBOY
Lepaskan: 2016-05-16 12:07:55
asal
1702 orang telah melayarinya

Kelas digunakan untuk menentukan satu atau lebih elemen berdasarkan kriteria yang ditentukan pengguna. Analogi yang lebih sesuai ialah skrip: Kelas boleh menentukan jalan cerita setiap watak dalam skrip dan anda boleh menggunakan kelas ini melalui CSS, Javascript, dsb. Oleh itu, anda boleh menggunakan class="Frodo", class="Gandalf", class="Aragorn" pada halaman untuk membezakan jalan cerita yang berbeza. Satu lagi perkara yang sangat penting ialah anda boleh menggunakan Kelas beberapa kali dalam dokumen.
 
Bagi ID, ia biasanya digunakan untuk menentukan tag yang hanya muncul sekali pada halaman. Apabila membuat reka letak berstruktur untuk susun atur halaman (contohnya, halaman biasanya terdiri daripada pengepala, pengepala , kawasan kandungan dan pengaki, dsb.), secara umumnya sesuai untuk menggunakan ID, kerana ID berada dalam a Hanya boleh digunakan sekali dalam dokumen. Unsur-unsur ini jarang muncul lebih daripada sekali pada halaman yang sama.
 
Ia boleh disimpulkan dalam satu ayat: Kelas boleh digunakan berulang kali tetapi ID hanya boleh digunakan sekali dalam halaman. Ada kemungkinan bahawa menggunakan ID yang sama berulang kali tidak akan menyebabkan masalah dalam kebanyakan penyemak imbas, tetapi ini pasti penggunaan yang salah mengikut standard, dan boleh menyebabkan masalah kehidupan sebenar dalam sesetengah penyemak imbas. (Saya baru sahaja mencubanya dalam Dreamweaver, dan sememangnya, tiada ralat)
 
Dalam aplikasi sebenar, Kelas mungkin lebih berguna untuk reka letak teks, dsb., manakala ID lebih berguna untuk reka letak makro dan peletakan reka bentuk pelbagai elemen ia berfungsi.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan