區(qū)別：1、作用范圍不同，class的作用范圍較大，而id的作用范圍較?。?、優(yōu)先級(jí)別不同，id選擇符的優(yōu)先級(jí)別較高，而class選擇符的優(yōu)先級(jí)別較低；3、在css中的使用語(yǔ)法不同，class通過(guò)“.”選擇，id通過(guò)“#”選擇。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

html5中class與id有什么區(qū)別

id

是唯一標(biāo)識(shí)符，就是類似于我們的身份證號(hào)碼，快速獲取標(biāo)簽對(duì)象，對(duì)其進(jìn)行操作。

當(dāng)我們使用id來(lái)修改標(biāo)簽樣式的時(shí)候，是使用#id來(lái)表示的

Class

是指向一類，也就是說(shuō)，如果有四個(gè)標(biāo)簽的樣式是一樣的，我們?yōu)榱朔奖?，就把這四個(gè)標(biāo)簽的樣式放到一個(gè)Class里面去，當(dāng)需要用到的時(shí)候，我們直接讓標(biāo)簽繼承于這個(gè)Class類，達(dá)到減少代碼量的操作，如果還需要在四個(gè)標(biāo)簽里面精準(zhǔn)控制，我們可以用id搭配class同時(shí)控制一個(gè)標(biāo)簽！

當(dāng)我們使用Class來(lái)修改標(biāo)簽樣式的時(shí)候是使用.Class來(lái)表示的

區(qū)別如下：

• 作用的范圍不一樣：class的范圍比id更大，id表示唯一標(biāo)識(shí)的，就像我們個(gè)人的身份證一樣，是唯一的在一個(gè)頁(yè)面中只能被調(diào)用一次。一般一個(gè)網(wǎng)頁(yè)不設(shè)置兩個(gè)或者兩個(gè)以上的id。而class的范圍就比較廣泛了，class是類標(biāo)簽，在一個(gè)界面中可以調(diào)用多次。可以被重復(fù)使用。

• 優(yōu)先級(jí)別不一樣：id選擇符的優(yōu)先級(jí)別要高于class選擇符的優(yōu)先級(jí)。對(duì)于比較重要的可以使用id選擇符。

• 使用的語(yǔ)法不一樣：id選擇符在css中的使用方式，如用div來(lái)舉例:(比如分別有div id=‘i’…和div class=‘c’…兩個(gè)div盒子，引用在css中的方法如下：）

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

推薦教程：《html視頻教程》