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視頻教程》