Perbezaan antara id dan kelas dalam HTML-html tutorial-php.cn

Perbezaan antara id dan kelas dalam HTML

WBOY

Lepaskan： 2023-08-31 11:53:06

ke hadapan

1771 orang telah melayarinya

Perbezaan antara id dan kelas dalam HTML

Dalam HTML, Id dan Class ialah kedua-dua pemilih elemen yang digunakan untuk mengenal pasti elemen berdasarkan nama yang diberikan kepada parameter ini. ID dan pemilih kelas ialah pemilih elemen yang paling banyak digunakan dalam CSS (HTML). Perbezaan asas antara ID dan Kelas ialah pemilih ID hanya digunakan pada satu elemen dalam halaman, manakala pemilih kelas boleh digunakan pada berbilang elemen pada satu halaman.

Baca artikel ini untuk mengetahui lebih lanjut tentang "id" dan "kelas" dalam HTML dan perbezaan antara mereka.

Apakah ID dalam HTML?

Dalam HTML, pemilih "id" digunakan untuk atribut id sesuatu elemen. Untuk elemen HTML, nama "id" bermula dengan simbol "#" diikuti dengan nama unik. Ciri penting elemen id ialah kita hanya boleh melampirkan pemilih id pada elemen. Oleh itu, pemilih ID sentiasa unik dalam halaman HTML.

contoh pemilih ID

<!DOCTYPE html>
<html>
<head>
<title>
  Id demo
</title>
<style>
  #idDemo{
     color:green;
     font-size:25px;
  }
</style>
</head>
<body style="text-align:center">
   <h1>Get element by Id</h1>
   <p id="idDemo">Demo for Id selector</p>
</body>
</html>

Salin selepas log masuk

Apakah CLASS dalam HTML?

Dalam HTML, pemilih "kelas" digunakan untuk memilih elemen dengan atribut kelas tertentu. Pemilih kelas bermula dengan noktah (.) diikuti dengan nama kelas. Tidak seperti pemilih id, kami boleh melampirkan berbilang pemilih pada elemen HTML. Oleh itu, kelas ini boleh digunakan beberapa kali dalam halaman. Perkara penting yang perlu diberi perhatian tentang pemilih kelas ialah nama kelas tidak boleh bermula dengan nombor.

Contoh pemilih kelas

<!DOCTYPE html>
<html>
<head>
<title>
	Class demo
</title>
<style>
   .classDemo{
       color:orange;
       font-size:25px;
   }
</style>
</head>
<body style="text-align:center">
	<h1>Get element by class<h1>
	<p class="classDemo">Demo for class selector</p>
</body>
</html>

Salin selepas log masuk

Perbezaan antara ID dan CLASS dalam HTML

Berikut ialah perbezaan penting antara Id dan Kelas &minius;

kunci	Id	Kategori
Tatabahasa	Dalam HTML, untuk elemen, nama ID bermula dengan simbol "#", diikuti dengan nama unik yang diberikan kepadanya.	Nama "kelas" yang diberikan kepada elemen bermula dengan "." Berikut ialah nama kelas.
Pemilih	Hanya satu pemilih ID boleh dilampirkan pada elemen.	Pelbagai pemilih kelas boleh dilampirkan pada elemen.
Keunikan	ID unik dalam halaman dan hanya boleh digunakan pada paling banyak satu elemen	Kelas ini boleh digunakan pada berbilang elemen dan oleh itu berbilang kali pada satu halaman.

Kesimpulan

Perbezaan paling ketara yang perlu anda perhatikan di sini ialah elemen hanya boleh mempunyai satu pemilih ID, manakala elemen boleh mempunyai berbilang pemilih kelas. Walau bagaimanapun, kedua-dua pemilih ID dan kelas digunakan untuk mengenal pasti elemen berdasarkan nama yang diberikan kepada parameter elemen.

Atas ialah kandungan terperinci Perbezaan antara id dan kelas dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!