WebCoding.jpコーディングと文字校正・校閲を同時進行できるサービス「ウェブコーディング.jp」

ご相談はお気軽にどうぞ 03-5369-1878

月別アーカイブ: 10月 2011

○秘

ID名とクラス名でお困りのアナタへ

カテゴリ:コーディングTips

2011年10月7日

どーも、チーフデス。

長年コーディングに携わりながらも、微妙に自分の中のルールも曖昧だったりする「ID名とクラス名」でお困りのアナタ!?

今日は、一般的によく使われている”チーフ的ID名&クラス名”を2回に渡ってご覧いただきます!!

まず第1回目は、レイアウトに関するブロック・ボックスに対してよく使われる名前から!!

 

 

全体やその直下を囲む

・「container」「wrapper」「wrap」

 

ベースとなる各ブロック

・ヘッダ「header」「head」

・コンテンツ「content」「contents」

・フッタ「footer」「foot」

・ナビゲーション「navigation」「nav」

・グローバルナビゲーション「globalNavigation」「globalNav」「gNav」

・サブナビゲーション「subNavigation」「subNav」

・ローカルナビゲーション「localNavigation」「localNav」

・ヘッダナビゲーション「headerNavigation」「headNav」

・フッタナビゲーション「footerNavigation」「footNav」

※それぞれのボックスの内側で大きくブロック分けしたい時なんかは「main」「sub」「extra」「upper」「inner」「lower」等を付加して「contentUpper」「contentLower」的にするのもヨイね!

 

 

次に文書内容を記述する為に囲む

・「section」「field」や、記事の記述「article」、その記事をまとめた「archive」など

 

 

もう少し具体的なとこだと

・エントリー「entry」

・コメント「comment」

・案内文「lead」

・概要「outline」

・要約「summary」

・説明「description」

・注目や話題の情報なんかだと「topics」「pickup」「spotlight」

・その他にプロフィール「profile」や検索ボックスの「searchBox」

 

 

メニューなんかは

・メニュー「menu」

・パンくずリスト(トピックパス)「topicPath」

・タブメニュー「tab」「tabMenu」

・ページ遷移メニュー「pager」「paging」

・サイト情報や案内関連「siteInfo」「guide」

・補助的なとこだと「option」「assist」

 

 

ざっとこんな感じデス!

 

次回はそれぞれの要素に対する名前の付け方を

「チェェェーック!」

 

読者登録

読者になる

このブログの更新情報が届きます

プロフィール

チーフ

ニックネーム:チーフ

血液型:A型

得意技:ブラインドコーディング

座右の銘:宵越しの金は持たない

口癖:「チェェェーック!」

愛犬:マレーシア生まれカラムーチョ大好きパグの "ジャッキー"

秘書:ニコ動とモンハンが生き甲斐 "左門寺バーバラ久美子"

カレンダー

2011年10月
« 9月   3月 »
 12
3456789
10111213141516
17181920212223
24252627282930
31  

アーカイブ