せっかくだからclass名やid名について語るぜ！

今回の記事のタイトルですが、
キーワードを入れてタイトル候補を
考えてくれるサイトで作成してみました。

私的には、今までの記事のタイトルのテイストとは異なる感じで
こういうのも利用してみると面白いなと思いました。

さて、今回はタイトル通り
「class名」や「id名」についてのお話です。

ある程度自分的ルールを決めて名前も決めている方は必要ないかと思いますが、
色々設定を変えないといけない場合など、「class名」や「id名」を考えるのって
意外と面倒だったりします。

そこで今回は、何となく用途用途で使えそうな名前を
まとめさせて頂きました。

似たような名前が連なってる場合もありますが、
様々なサイトを参考にさせて頂いた部分もあります。

「class名」や「id名」に迷っている方は
是非参考になさって頂ければと思います。

全体の設定辺りに使えそうな名前

・wrapper
・wrap
・All_wrapper
・container
・body-container
・home_container
・entryBody
・body_top

ヘッダー辺りに使えそうな名前

・header
・head
・top
・pagetop
・maintop
・headbox
・home_top
・masthead
・topbanner
・headerBanner
・headmenu
・hdr
・catchcopy
・welcome

ナビゲーションやパンくずやお知らせ辺りに使えそうな名前

・globalNav
・navi
・nav
・navigation
・globalnavi
・g-navi
・nameNavi
・pagination
・page
・next
・topics
・topics_area
・news
・news_area
・pankuzu
・pan
・tab
・what

メインコンテンツ辺りに使えそうな名前

・content
・contents
・cont_block
・contentinfo
・sectionMain
・main
・mainarea
・inner
・inner-content
・main-inner
・main-topic
・page-entry
・box
・menu_box
・sequence

サイドバー辺りに使えそうな名前

・sidebar
・side
・sidebox
・side-area
・side-left
・side-right
・side-inner
・side-content
・leftbox
・rightbox
・sub-menu

フッター辺りに使えそうな名前

・footer
・footer-in
・footer-inner
・FooterText
・footerContent
・bodyFooter
・entry-footer
・footNav
・foot
・f_block
・f-box

まとめ

今回は「class名」や「id名」について
取り上げさせて頂きました。

そのまま使っても良いですし、
他の名前と組み合わせたりで、また新たな名前を
考えることも出来るかなと思います。

みなさまの名前付けのヒントになれば幸いです。

• Tweet
• 
• 

• 
• 
•