HTML中的ID和类之间的区别

在Html DOM中，id和class都是元素选择器，用于基于分配给这些参数的名称来标识元素。

以下是Id和Class之间的重要区别。

序号	键	ID	类
1个	语法	`In Html for an element ID name starts with the “#” symbol followed by a unique name assigned to it.`	另一方面，分配给元素的类的名称以“。”开头。然后是类名。
2	选择器	`Only one ID selector can be attached to an element.`	可以将多个类选择器附加到一个元素。
3	独特性	`Id is unique in a page and can only apply to at most one element`	该类可以应用于多个元素，因此在单个页面上可以多次。

Id与类的示例

Id.html

<!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>

Class.html

<!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>

基础教程