class 指的是「同一類型的元素」，像是 Blog 首頁每篇文章，其內容樣式都要一樣，所以我們就可以指定 class=”blogbody” 來表示這些內容是同類型的。

id 則是元素唯一的名稱，就像每個人的身份證號碼一樣不能有重覆 (雖然大多數瀏覽器允許) ，這樣我們才能透過標準的 JavaScript (ECMAScript) 及 DOM 來取得這個元素。例如：<div id="container"> ，意思就是整個頁面裡只會有一個名為 container 的主要 div 容器。

而 class 和 id 的命名儘可能反應這些元素所代表的意義，而非以它們會呈現的樣式來命名。例如說 class="blogbody" 比 class="bgBlue" 來得好，因為我們可能會更換樣式。如果以樣式呈現的方式命名，那麼一旦更換樣式，且呈現方式變化過大的話，這樣的名稱就相當難以維護了。