デザインがしっかりしていてメジャーかなと思われるサイトの ID や Class の命名規則を調べてみました。 パスカルケース 可読性が高い反面、大文字と小文字を使うのでタイプミスによるバグが出やすくなるかもしれません。 例 : HeaderMenu 2-U : トゥーユー キャメルケース JavaScript などプログラムで良く使用する命名規則なのでプログラマーの方が選ぶ傾向にあるようです。パスカルケースと同様、大文字と小文字を使うのでタイプミスによるバグが出やすくなるかもしれません。 例 : headerMenu 無印良品 スネークケース アンダースコア(アンダーライン)で単語が分かれるので、可読性は高いです。また、小文字しか使用しないのでタイプミスも起こりにくいです。ただし、一部の古いブラウザ(IE4やNN4など)では未対応です。 例 : header_menu ハイフン (-) ハ
![ID や Class の命名規則](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)