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名が良いとか悪いとかの判断は特に行ってません。割合が多かったのを載せております。