Subscribed unsubscribe Subscribe Subscribe

tikeda's blog

Flower, Plant, Travel, Design, My life stories

HTML構造

※このHTML構造は結構古いので、私のエントリーではなくてスタッフであるid:kyabanaさんのエントリーの方を見てください!

現時点でのHTML構造の概要メモ。CSSいじる用にどうぞ。

<body class="">
  <div id="globalheader-container"></div>
  <div id="container">
    <div id="container-inner">
      <header id="blog-title">
        <div id="blog-title-inner">
          <h1 id="title">ブログタイトル</h1>
          <h2 id="blog-description">ブログ説明</h2>
        </div>
      </header>
    </div>
    <div id="content">
      <div id="wrapper">
        <div id="main">
          <div id="main-inner">
            <!-- loop start-->
            <article class="entry">
              <div class="entry-inner">
                <header class="entry-header">
                  <div class="date">
                    <span>YYYY</span><span>-</span><span>MM</span><span>-</span><span>DD</span>
                  </div>
                  <h1 class="entry-title"><a href="">エントリータイトル</a></h1>
                </header>
                <div class="entry-content">
                  エントリー本文
                  <div id="google_afc_user">
                    Adsense
                  </div>
                </div>
                <footer class="entry-footer">
                  <p class="entry-footer-section">
                    <span class="author">エントリー作者id</span>
                    <span class="entry-footer-time"><a><time>投稿時間</time></a></span>
                    <span class="hatena-star-comment-container">スタコメ</span>
                    <span class="hatena-star-star-container">スター</span>
                  </p>
                  <div class="commnet-box">
                    <ul class="comment">
                      <!-- loop start-->
                        <li class="entry-comment">
                          <p class="comment-user-name">コメント作者id</p>
                          <div class="comment-content">コメント本文</div>
                          <p class="comment-metadata">投稿時間</p>
                        </li>
                      <!-- loop end-->
                    </ul>
                    <p class="leave-comment-title">コメントを書く</p>
                  </div>
                </footer>
              </div>
            </article>
            <!-- loop end -->
          </div><!-- #main-inner -->
        </div><!-- #main -->
        <aside id="box2">
          <div id="box2-inner">
            <div class="hatena-module hatena-module-profile">
              <div class="hatena-moduletitle">Profile</div>
              <div class="hatena-modulebody">
                <img src="" alt="hatenaid" class="profile-icon">
                <span class="id"><a>id:hatenaid</a></span>
                <p class="profile-description">
                  ブログ説明
                </p>
              </div>
            </div>
            <div class="hatena-module  hatena-module-search-box">
              <div class="hatena-moduletitle">Search</div>
              <div class="hatena-modulebody">
                <form class="search-form" role="search">
                  <input type="text"class="search-module-input" value="" placeholder="Search">
                  <input type="submit" alt="Search" class="search-module-button" />
                </form>
              </div>
            </div>
            <div class="hatena-module hatena-module-links">
              <div class="hatena-module-title">Links</div>
              <div class="hatena-module-body">
                <ul class="hatena-urllist">
                  <li><a href="http://hatenablog.com/">トップページ</a></li>
                  <li><a href="http://blog.hatena.ne.jp/help">ヘルプ</a></li>
                  <li><a href="http://staff.hatenablog.com/">お知らせ</a></li>
                </ul>
              </div>
            </div>
          </div>
        </aside>
      </div><!-- #wrapper -->
    </div><!-- #content -->
  </div><!-- #container -->
  <footer id="footer">
    <address>
      <a href=""><img src="" />hatenaid</a>
    </address>
  </footer>
</body>
Remove all ads