id名、class名を見直す。

• もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
• 我的春秋: コード共有のためのネーミングルール
• CSSでよく使う装飾定義をclass名でまとめることについて - 徒書

上記記事を参考に、自分なりにid名やclass名を見直してみました。（次のテンプレから取り入れる予定。）気をつけたのは以下の点。

• 構造に即して命名
• 汎用性を持たせる（構造に即して命名すれば、自然と汎用性のあるものになる）
• キャメルに統一（アンダーバー、ハイフンは使わない）

とは言え、「構造に即して命名」とはどういうことか、実のところ良く分かってない。
機能や内容に注目して決めたつもりなんだけど、そういうことで良いのかな？　レイアウトのためのdiv（なるべく使わないようにしてるけど、やむをえず使ってる場合）は機能＝レイアウトになるわけだけど、そういう場合は、そのdivが内包している情報がページ全体の中でどういう位置づけになるかを考えて命名。

page

全体を括るdivに指定。wrapperはレイアウトのための命名って感じだし、allは意味が分からんし、bodyが一番しっくりくるんだけどHTMLと被るのがなんか分かりにくいし、とりあえずpageで妥協。

header

見出し部分。h1と被る感じが微妙に違和感あるんだけど妥協。

globalNav　

見出し近くにもってくるメニュー。HOME、ABOUT、CONTACT など。

topicPath

パンくずリスト（トピックパス）

contents

サイドバー及び記事カラムを囲む用。囲まなくても良いなら、それに越したことはないけど、見栄えのためにdivで囲むことがあるので。

nav

navigationの略。サイドもしくはページ下部に。カテゴリーとか、最近の記事とか。

entryNav

個別記事間の移動用。

mainContents

その他候補は、entriesとかarticlesとか。記事カラム。

response

コメントとかトラックバック。カテゴリまで入れる場合はentryState

pageNav

ページの移動用。

subContents

3カラムの時のサイドバーとかページ下部に、リンクやオススメ書籍とか置く場合。

footer

copyrightとか、rssとか。