HTML

【HTML】classとidの違い

久々にHTMLでWebページを作成する際、classとidの違いを忘れていたので調べてみた。

ページ内使用回数以外ほとんど同じだが、idにしか無い機能もある。

 

まとめると以下となる。

 

class

・ページ内に何回でも使用可能

・cssで指定する場合は、「.」を付与

class="header"とした場合、
.header {
    color:#666666;
}

 

id

・ページ内に1回しか使用することができない

・cssで指定する場合は、「#」を付与

id="header"とした場合、
#header {
    color:#666666;
}

 

・id属性の場所へページ内リンクをすることが可能

・URL上でのハッシュ値を指定可能

(例)http://yourdomain.com#commentsとすると、該当URLの”id=comments”が設定された個所へ自動スクロールし表示