class属性
class属性是一种全局属性,可用于任何HTML元素。其主要目的是为元素提供一个或多个类名,这些类名可以在CSS中引用,以添加样式,或者在JavaScript中引用,以操纵元素。
简而言之,一个元素可以引用多个类,一个类也可匹配多个元素(除在CSS书写的只属于某个元素的一个或者多个类)。简称一对多,多对一,多对多。
id属性
id 是一个全局属性,定义了一个全文档唯一的标识符(ID)。它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。
区别
它和class属性的区别主要在于,一个元素可以引用多个类,但是一个元素不可以引用多个id,一个元素同时使用多个id会导致引用不了任何样式。同时id属性也是作为唯一标识符发挥作用,有较class属性更多的效果实现。