在div 標簽中，我們比較常見的屬性是id 和class,那么這兩個屬性有什么區別嗎？今天就來看看這兩者的區別。其實id 和class是大部分標簽都有的屬性。其作用是讓CSS或者JavaScript找到DOM元素並操作。
首先看看這兩個屬性在html中是如何使用的。
<div id="loading"> </div> <div class="icon"> </div>
解釋上面的代碼，
id="loading"，意思是定義了一個id，它的值是“loading”；
class="icon" 意思是定義了一個類，它的類名是“ icon”；
PS: “ loading ”和“icon”的是自定義的值，命名規范都要遵守相應的命名規則，這個請自行查閱。
那么這兩個屬性是使用的時候有什么區別嗎？什么時候用id？什么時候用class呢？請看下文。
1.定義區別。
(1).id具有唯一性，在一個網頁中只能定義一次；
(2).class命名的類，可以出現多次。
2.使用區別。
(1).id在CSS中是以“#”開頭的命名的；
(2).class在css中是以“.”開頭命名的；
PS：
1.一般來說，id是元素的唯一代號，給某個元素賦予一個id后，通常不會再有其他元素有一樣的id。CSS和JavaScript可以使用id來單獨操作某一個元素;而class是一組（多於一個）元素的共同代號，通常網頁中會有一組元素具有一樣的class。CSS和JavaScript中對某個class的操作會反映到每一個對應的元素上。
2.ID是一個標簽，用於區分不同的結構和內容，就象名字，如果一個屋子有2個人同名，就會出現混淆；class是一個樣式，可以套在任何結構和內容上，就象一件衣服；
從概念上說就是不一樣的：id是先找到結構/內容，再給它定義樣式；class是先定義好一種樣式，再套給多個結構/內容。