人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートのID名、クラス名を付けるときに、毎回どんどん増えてきて、ごちゃごちゃとしてきてしまいます。これからはホームページを作るときにある一定のルール付けに沿って名前を付けていきたいと思っています。

そこで、スタイルシートのID名、クラス名の付け方について解説しているサイトがあったらぜひ教えてください。また、自分はこういうルールに沿って記述しているという方がいらっしゃいましたら、教えていただけるとうれしいです。


●質問者: pitagora
●カテゴリ:インターネット ウェブ制作
✍キーワード:ちゃご クラス サイト スタイルシート ホームページ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● hidering
●35ポイント

スタイルシートのID名、クラス名の命名規則はこちらで解説されています。

http://www.hamashun.com/blog/2006/09/classid.html

http://www.hamashun.com/blog/2006/10/classid2.html

プログラミングにおける命名規則も参考になると思いますよ。

http://www.arcpit.co.jp/winapi/api_01/ap0102.htm

◎質問者からの返答

どうもありがとうございました(^^)

とても参考になります。


2 ● tabbycats
●35ポイント

クラス、idによる定義の局所化

http://www.kanzaki.com/docs/html/htminfo17.html#S32


スタイルシートを使いにくくするクラス名

http://allabout.co.jp/internet/hpcreate/closeup/CU20051008A/inde...


Class名とID名の命名規則

http://www.hamashun.com/blog/2006/09/classid.html

http://www.hamashun.com/blog/2006/10/classid2.html


もう、class名やid名で悩まないんだからっ!!

http://css-happylife.com/log/memo/000100.shtml



私の場合、2つ目の単語から先頭を大文字にしています。

また、ナビゲーションは以下のように記述しています。

globalNavi (サイト全体のコンテンツナビ)

localNavi (2階層以下へのナビ)

directNavi (目的のコンテンツに直接アクセスするナビ)

remoteNavi (ヘッダー・フッター等にあるサイトマップ等へアクセスするナビ)

topicPath (パンくずリスト)

構造は、headerArea、contentArea、sideArea、footerAreaなど、○○Areaにしています。

◎質問者からの返答

どうもありがとうございました(^^)

たくさんの参考サイト、とても勉強になります。

また、ご自身の例も教えてくださって、どうもありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ