命名規則
コンテナ | id/class名 | 備考 |
---|---|---|
全体コンテナ | container | body要素の直下 |
汎用コンテナ | wrapper | マルチカラム用など |
ブロック | id/class |
---|---|
ヘッダー | header |
フッター | footer |
メイン部分 | mainArea |
サイドバー | sidebar |
ロゴ | logo |
グローバルナビ | globalNav |
ローカルナビ | localNav |
ユーザー支援ナビ | utility |
パンくずナビ | topicPath |
キービジュアル | keyVisual |
検索ボックス | searchBox |
バナー類 | banners |
広告類 | ads |
筆者名 | author |
日時 | datetime |
詳細ページリンク | more |
外部へのリンク | external |
フィードリンク | feed |
グループ名: おむすび(コンテンツ)を包むラップの役割=<div id="wrapper"> ラップで包んだおむすびをケースに入れる役割=<div id="container">
※キービジュアルとはそのWebサイト、ページにおいて核となるイメージ画像のこと。
↑こちらの画像はhttp://d.hatena.ne.jp/web-design-master/20120320/p1の画像を使用させていただいております。
タイプセレクタ
address コピーライトblockquote 引用文
空タグ
metalink
img
br