html5中class與id有什麼差別

區別：1.作用範圍不同，class的作用範圍較大，而id的作用範圍較小；2、優先等級不同，id選擇符的優先等級較高，而class選擇符的優先等級較低；3、css的使用語法不同，class透過「.」選擇，id透過「#」選擇。

本教學操作環境：windows10系統、HTML5版、Dell G3電腦。

html5中class與id有什麼差別

id 

是唯一識別符，就是類似我們的身分證號碼，快速取得標籤對象，對其進行操作。

當我們使用id來修改標籤樣式的時候，是使用#id來表示的

Class

是指向一類，也就是說，如果有四個標籤的樣式是一樣的，我們為了方便，就把這四個標籤的樣式放到一個Class裡面去，當需要用到的時候，我們直接讓標籤繼承於這個Class類，達到減少程式碼量的操作，如果還需要在四個標籤裡面精確控制，我們可以用id搭配class同時控制一個標籤！

當我們使用Class來修改標籤樣式的時候是使用.Class來表示的

區別如下：

• 作用的範圍不一樣： class的範圍比id更大，id表示唯一識別的，就像我們個人的身分證一樣，是唯一的在一個頁面中只能被呼叫一次。一般一個網頁不設定兩個或兩個以上的id。而class的範圍就比較廣泛了，class是類別標籤，在一個介面中可以被呼叫多次。可以重複使用。

• 優先權等級不一樣：id選擇符的優先權等級要高於class選擇子的優先權。對於比較重要的可以使用id選擇符。

• 使用的語法不一樣：id選擇符在css中的使用方式，如用div來舉例:(例如分別有div id='i'…和div class=' c'…兩個div盒子，引用在css中的方法如下：）

.c{
属性：属性值；
} 
#i{
属性：属性值；
}

#推薦教學：《html影片教學》

以上是html5中class與id有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！