はてなダイアリーの構造を少しだけ見やすくメモ（自分仕様）

yu8x02006-04-11


<html>
　<head>head要素内は省略</head>
　<body>
　　<!-- ヘッダ部分は省略 -->((はてな - はてなダイアリーガイド「CSSセレクタ - ヘッダテーブル」とは参照))
　　<h1>日記のタイトル</h1>
　　<div class="hatena-body">
　　　<div class="breadcrumbs">パンくずリスト</div>

　　　<div class="main"><!-- 段組用に追加した要素 -->
　　　　<div class="calendar">前の日、次の日などへのリンク</div>
　　　　<div class="day">
　　　　　<h2><a href="その日のページのURI"><span class="date">年月日</span></a></h2>
　　　　　<div class="body">
　　　　　　<div class="section">
　　　　　　　<h3><a href="記事のURI" name="記事の投稿日（UNIXTIME）"><span class="sanchor">■</span></a>[<a href="カテゴリー検索結果のURI" class="sectioncategory">カテゴリー</a>]記事のタイトル <span class="timestamp">投稿日時</span></h3>
　　　　　　　<p>本文。p以外にも様々な要素。</p>
　　　　　　</div>
　　　　　　<div class="ad"><!-- 広告を入れてる場合 -->
　　　　　　　<div class="hatena-asin-recommend">
　　　　　　　　<div class="hatena-asin-recommend-item-1">
　　　　　　　　　<div class="hatena-asin-recommend-image">広告1のイメージ</div>
　　　　　　　　　<div class="hatena-asin-recommend-info">
　　　　　　　　　　<div class="hatena-asin-recommend-title">広告1のタイトル</div>
　　　　　　　　　　<div class="hatena-asin-recommend-description">広告1の説明</div>
　　　　　　　　　</div>
　　　　　　　　</div>
　　　　　　　　<div class="hatena-asin-recommend-item-2">
　　　　　　　　　<div class="hatena-asin-recommend-image">広告2のイメージ</div>
　　　　　　　　　<div class="hatena-asin-recommend-info">
　　　　　　　　　　<div class="hatena-asin-recommend-title">広告2のタイトル</div>
　　　　　　　　　　<div class="hatena-asin-recommend-description">広告2の説明</div>
　　　　　　　　　</div>
　　　　　　　　</div>
　　　　　　　　<div class="hatena-asin-recommend-foot"></div>
　　　　　　　</div>
　　　　　　</div><!-- 広告終わり -->
　　　　　</div><!-- div.body 終わり -->
　　　　　<div class="comment">
　　　　　　<div class="caption">コメントフォームへのリンク</div>
　　　　　</div>
　　　　　<div class="refererlist">
　　　　　　<div class="caption"><a name="tb">トラックバック</a> - URI</div>
　　　　　</div>
　　　　</div><!-- div.day 終わり -->
　　　　<div class="calendar">前の日、次の日などへのリンク</div>
　　　</div><!-- div.main 終わり -->

　　　<div class="sidebar"><!-- 段組用に追加した要素 -->
　　　　<div class="hatena-module">
　　　　　<div class="hatena-moduletitle">カレンダー</div>
　　　　　<div class="hatena-modulebody">モジュールの内容</div>
　　　　</div>
　　　　<div class="hatena-module">
　　　　　<div class="hatena-moduletitle">カテゴリー</div>
　　　　　<div class="hatena-modulebody">
　　　　　　<ul class="hatena-sectioncategory">
　　　　　　　<li>カテゴリー</li>
　　　　　　</ul>
　　　　　</div>
　　　　</div>
　　　　<div class="hatena-module">
　　　　　<div class="hatena-moduletitle">プロフィール</div>
　　　　　<div class="hatena-modulebody">
　　　　　　<div class="hatena-profile">
　　　　　　　<p class="hatena-profile-image">プロフィールの画像</p>
　　　　　　　<p class="hatena-profile-id>アカウントID</p>
　　　　　　　<p class="hatena-profile-body">1行紹介</p>
　　　　　　</div>
　　　　　</div>
　　　　</div>
　　　　<div class="hatena-module">
　　　　　<div class="hatena-moduletitle">カウンター</div>
　　　　　<div class="hatena-modulebody">
　　　　　　<span class="hatena-counter">ページビュー</span>
　　　　　</div>
　　　　</div>
　　　</div><!-- div.sidebar 終わり -->
　　</div><!-- div.hatena-body 終わり -->
　<body>
</html>

いやはや他所様が書く物は難しいです。