class名やid名って付ける時悩みませんか?
今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。

これで、チョットだけ作業効率アップ!?


2010年6月10日追記:

この記事自体、2007年 1月15日に書かれてるんでかなり古いです。
あくまでも参考程度に留めてもらうのが良いかと思います。

今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。
また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。

全体に使えそうな感じ

  • wrap
  • wrapper
  • top-wrapper
  • wrapperAll
  • frame
  • mframe
  • all-frame
  • container
  • page
  • pagetop
  • all
  • allContents
  • layout
  • layout-two-column
  • layout-three-column
  • body
  • carrier

上んトコロに使えそうな感じ

  • head
  • header
  • headerArea
  • headline

ナビゲーションっぽいトコロに使えそうな感じ

  • nav
  • navi
  • navigation
  • navbar
  • gnav
  • gnavi
  • g-navi
  • globalnav
  • global-navi
  • globalNavi
  • globalnavigation
  • globalHeader
  • mainNavigation
  • contentNavi
  • stinfo-navi
  • topNav

パンくずっぽいの

  • topicpath
  • topic-path
  • topicPath
  • pan
  • pankuzu
  • breadcrumbs

メニューとかサイドっぽいトコロに使えそうな感じ

  • aside
  • menu
  • menuArea
  • mainmenu
  • site-menu
  • side
  • side-container
  • sidebar
  • sidemenu
  • localMenu
  • rightside
  • leftside
  • rightcol
  • leftcol
  • sub
  • sub-menu

本文とかメインになってくる部分に使えそうな感じ

  • area
  • main
  • mainContent
  • center
  • left
  • right
  • content
  • contents
  • main-contents
  • left-contents
  • right-contents
  • contents-inner
  • contentsArea
  • column
  • left-column
  • right-column
  • wrapperContent
  • contentColumn
  • content-block
  • base
  • entries
  • mainbox
  • right-body
  • left-body
  • section
  • article
  • articleBody
  • item
  • box
  • inner
  • entry
  • entryBody
  • entryblock
  • entrydate
  • separator
  • bodyArea
  • block
  • outline
  • sub
  • lead
  • spot
  • frame-margin

下んトコロに使えそうな感じ

  • foot
  • footer
  • footnavi
  • footerArea
  • footerbar
  • globalfooter
  • copy
  • copyright

アンダーバー(_)は、全部ハイフン(-)にしております。アンダーバーを使用している割合も多かったです。(僕自身ハイフンよりアンダーバーを使うので)
ここに載ってるclass名やid名が良いとか悪いとかの判断は特に行ってません。割合が多かったのを載せております。