HTML中id和class的区别

WBOY
Lepaskan: 2023-08-31 11:53:06
ke hadapan
1717 orang telah melayarinya

HTML中id和class的区别

在 HTML 中,IdClass都是元素选择器,用于根据分配给这些参数的名称来标识元素。 ID 和类选择器是 CSS (HTML) 中使用最广泛的元素选择器。 ID 和 Class 之间的基本区别在于 ID 选择器仅应用于页面中的一个元素,而类选择器可以应用于单个页面上的多个元素。

阅读本文,详细了解 HTML 中的“id”和“class”以及它们之间的区别。

HTML 中的 ID 是什么?

在 HTML 中,“id”选择器用于元素的 id 属性。对于 HTML 元素,“id”名称以符号“#”开头,后跟唯一名称。 id 元素的一个重要特性是我们只能将一个 id 选择器附加到一个元素。因此,ID 选择器在 HTML 页面中始终是唯一的。

ID 选择器示例

    Id demo   
  

Get element by Id

Demo for Id selector

Salin selepas log masuk

HTML 中的 CLASS 是什么?

在 HTML 中,“类”选择器用于选择具有特定类属性的元素。类选择器以句点 (.) 开头,后跟类名。与 id 选择器不同,我们可以将多个选择器附加到 HTML 元素。因此,该类可以在一个页面内多次应用。关于类选择器需要注意的重要一点是类名不能以数字开头。

类选择器示例

    Class demo   
  

Get element by class

Demo for class selector

Salin selepas log masuk

HTML 中 ID 和 CLASS 的区别

以下是Id和Class &minius之间的重要区别;

Id

语法

在 HTML 中,对于元素,ID 名称以“#”符号开头,后跟分配给它的唯一名称。

分配给元素的“class”的名称以“.”开头。后面是类名。

选择器

一个元素只能附加一个 ID 选择器。

可以将多个类选择器附加到一个元素。

唯一性

ID在页面中是唯一的,最多只能应用于一个元素

该类可以应用于多个元素,因此可以在单个页面上多次应用。

结论

这里您应该注意的最显着的区别是,一个元素只能有一个 ID 选择器,而一个元素可以有多个类选择器。但是,ID 和类选择器都用于根据分配给元素参数的名称来识别元素。

Atas ialah kandungan terperinci HTML中id和class的区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!