はてなブックマークの構造

はてなブックマークの構造

ブックマークページの構造

基本の構造

モジュール


お気に入りページの構造


タグリスト絞り込み

通常時

  • div.taglist
    • div.taglist-widget
      • h3
        • span.tagcount
        • input.tag_search //#tag_search
      • ul.taglist //#taglist
        • li
          • a.tag-latest //↑新
          • a.tag-later
          • a.tag-earlier
          • a.tag-earliest //↓旧

絞り込み時

  • div.taglist
    • div.taglist-widget
      • h3
        • span.tagcount
        • input.tag_search //#related-tag_search
      • p.tagcrumbs
        • a
      • ul.taglist //#related-taglist
        • li
          • a
    • div.taglist-widget
      • h3
        • span.tagcount
        • input.tag_search //#tag_search
      • ul.taglist //#taglist
        • li
          • a.currenttag //
          • a.tag-latest //↑新
          • a.tag-later
          • a.tag-earlier
          • a.tag-earliest //↓旧

コメント直接編集

通常時

編集

  • dl.bookmarklist // idとして bookmark-xxxxxxxが付加されている

コレクションページの構造

通常ページの構造

コレクション詳細ページ(/user/asin?mode=detail)の構造

メモ

  • span.labelのところは非表示になっています。
  • 共通のモジュールについてははてなダイアリーと同じ構造でした
  • タグの文字サイズは要素にstyle属性直書きなのではてな任せが妥当
  • ヘッダのロゴは消しちゃ駄目ですよ!
  • 漏れがあるかも知れません。今構造を分かりやすくする方法を考えています。
Error : RSSが取得できませんでした。 Error : RSSが取得できませんでした。