P_BLOG XHTML & CSS Base Structure Chart
(P_BLOGのXHTMLとCSS基本構造早見表)

Version 1.0RC1

• div#wrapper

  Header Box
  (ヘッダー部)

  • div#header
    • /* Main title (メインタイトル) ↓ */
    • h1
      • a.title
    • /* Sub title (サブタイトル) ↓ */
    • span#subtitle

  Content Box
  (コンテンツ部)

  • div#content
    • /* Archives, Categories, Search Results.
      (過去ログ・カテゴリ・検索結果の場合) ↓ */
    • div.section
      • h2.archive-title
      • p.search-res
        • span.search-res
      • form
        • div.flip-form
    • /*Articles
      (各記事部) ↓ */
    • div.section
      • h2.date-title
      • div.section
        • h3.article-title
          • a.anchor
        • div.date
        • div.comment
          

          /*Your Posted Comment Goes Here.
          (ポストされたコメントはここに入ります) */

        • div.a-footer

  Menu Box
  (メニュー部)

  • div#menu-box
    • /* Contents menu (コンテンツメニュー) ↓ */
    • ul.menu
      • li.menu
      • li.cur-menu
    • /* Search form (検索フォーム) ↓ */
    • div.menu
      • h2
        • /* Keyword input form (キーワード入力フォーム) ↓ */
        • input
        • input#search-button
        • /* Anchor to the advanced search (詳細検索へのアンカー) ↓ */
        • span#search-plus
          • a
    • /* Archives Form
      (過去ログフォームを表示する場合) ↓ */
    • form#archives
      • div
        • input
        • select
        • noscript
          • div
            • input
    • /* Category & File-Type Select Form
      (カテゴリorファイルタイプをセレクトフォームで表示する場合) ↓ */
    • form#category
      • div
        • select
        • noscript
          • div
            • input
    • /* Recent Trackbacks, Recent Comment List & Custom User Menu
      (最近のトラックバック・コメントのリスト表示及びユーザー定義メニュー) ↓ */
    • div.menu
      • h2
      • p
      • ul
        • li
    • /* CSS Switcher
      (CSS切り替えフォーム) ↓ */
    • form#css-form
      • div
        • select
        • noscript
          • div
            • input
    • /* RSS Feed Logo
      (RSSロゴ) ↓ */
    • a
      • img.logo

  Footer Box
  (フッター部)

  • div#footer
    • /*Default Logo
      (デフォルトロゴ) ↓ */
    • a
      • img.logo
    • /* W3C Validators
      (W3C構文チェッカー付き) ↓ */
    • div#validators
      • a
        • img.validator
    • /* Your Copyright Goes Here.
      (コピーライトなどはここに入ります) */
    • /* Page Generation Time
      (ページ生成時間) ↓ */
    • div#page-generation