Class名とID名の命名規則 | Blog hamashun.com
Class名とID名の命名規則(1) Class名とID名の命名規則(2) Class名やID名を付ける時、それも2単語以上で構成される名前を付ける時には、どんな規則で付けていますか？ 今日は、Class名とID名の命名規則に関して書いてみようと思います。 色んなサイトを見ていると、大きく分けて3つのパターンがあるように思います。 そのまま系 id="maincontent"のように、全て小文字で記述するパターンです。 動作に問題は無いのですけど、可読性の点が若干気になるかもしれません。 ちなみにこのサイトはこのパターンを採用しています。 理由は後述します。 アンダースコア系 id="main_content"のように、単語と単語をアンダースコアで繋ぐパターンです。 可読性は向上しますけど、実はIE3、IE4、NN4.x（MAC）、NN6（初期Ver,）等のブラウザで認識されないバグがあり
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
RED LINE: class名、id名の付け方
「もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife」を拝見して。 すげーー便利な「id・class名」のリスト。 自分の普段使ってる名前がリストアップされててホっとしたりして。 数多くサイトを作っていると、ある程度自分のid、class名の付け方は固定されていくものだが、ちょっとネタが欲しい時に参考させていただこうと思う。 で、ちょっとだけ補足。（ていうか自分用まとめ） 上記ページ内でidやclass名の中に「-」や「_」を使うお話が少しだけ出ていたのだが、古いブラウザを想定する際に「-」や「_」を使用した時の弊害。 ●「−」を含む場合 →IE3・未対応 ●「_」を含む場合 →IE3、IE4、NN4(mac)・未対応（NN6の一部でも未対応らしい） 追記:NNで未対応なのはVer,6.1未満とのこと。 ( Shunさんからの情報・ありがとうございました。) S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
