Bus errorとSegmentation faultに困ったら見るブログ

物理の研究者による日々の研究生活のメモ書きです ( python/emacs/html/Japascript/シェルスクリプト/TeX/Mac/C言語/Linux/git/tmux/R/ポケモンGO)

【html, CSS】idとclassの違い

最近、htmlのことをいろいろと勉強している(君、物理屋だよね?)

htmlのコードの中で
divを使ってグループ化をする=> CSSでグループに属性をつける
という流れが多い

本によってはidとclassの属性どちらを付けるかが割と割れてる

↓にそのまま書かれてた
■ 参考 : CSSの記述方法 -idとclassの違い



id : 1ページで1回しか使えない
使い所はcontent, container, footer, sidebarとか明らかに1つのページに1つしかないものに使うべきか

class : 1ページ内で何度も使える
「1ページで1度しか使用できない名前を複数使ってしまった場合(id="name"という記述が複数になった場合)、一部のアクセス解析やその他 cgiプログラムなどで不具合を起こしてしまうこともあるようです。ブラウザ上ではid名が重複していてもCSSの指定は反映されますが、リスクを考えて慎重に使うようにしましょう。」とのこと


この違いを知ると、idを使う利点がほぼないように感じるが・・・・


ちなみにidの設定をするときCSSでは

#hoge_id {foo : AAA; }
と#から始める

classの設定をする時CSSでは

.hoge_clas {bar : BBB;}
のように.から始める

ランキング参加中です

↓クリックしていただけると嬉しいです〜