親切の押し売り

hatena

id:naoya 『Invalid 属性の指摘はありがたいのですが、元々全体を W3C Valid な HTMLとして設計していないので、個別ですと件数が膨大になってしまいます。
ひとつのアイデアとして集約していただいてもよろしいですか?』 (2006-10-07 14:10:07)

じゃぁ宜しくお願いします.
とりあえず, embed, paramの閉じタグは格好悪いのでお早目に.

全般

  • head中のscriptにtype属性が無い
  • img要素中のalign="absmiddle" (これはIE用で仕方無いという話)
    • 修正しました。デザインの都合上、align=absmiddleはそのままとなっております。
    • 修正しました。デザインの都合上、align=absmiddleはそのままとなっております。
  • div#ad, div#ad-line中のsrc属性中に&encode
  • div#ad中のiframeで謎属性が色々
  • <img />になっているってことは, XHTMLが目標?

トップ (/) (idea:9484)

  • DOCTYPE宣言
  • div.entry-footer中に というtypo
  • ul#hotentry-news-top直下にscript

ん？

 <a href="http://www.sanspo.com/sokuho/1007sokuho043.html" target="_blank" class="news_title">
 通勤ラッシュの力で発電−ＪＲ東日本が東京駅で実験
 </a></a>

なぜかここだけaの閉じタグが多い. サンスポ限定?

タグ一覧

  • div#bodyが閉じてない. 一番最後の閉じタグには, </div><!-- container -->と書いてある

人気エントリー (/hotentry)

  • div#breadcrumbsで人気エントリーの後ろにaの閉じタグ
  • div.entry-body下で, 記事名直後のaの閉じタグが抜けている.
最近の人気エントリー 各カテゴリ
  • div#breadcrumbsで, カテゴリ名の後ろにaの閉じタグ
  • RSS用リンク中の&cname
最近の人気エントリー - 過去の人気エントリー
  • div.pager中の&date

注目の動画 (/video)

  • embedはまぁ仕方ないとして
  • paramとembedの閉じタグ?
  • div.video-sub中のp.timestampにaの閉じタグ

注目の商品 (/asin)

  • html直下にstyle要素
  • ブックマークに追加する用のリンクで&url
  • div.pagerで&sort. &thresholdになってんのに片手落ち

人気・注目ニュース (/news)

  • 人気エントリーと同様, div.entry-boty下で, 記事名直後のaの閉じタグが抜けている
  • div#first-entryで上に出ている記事と, 最近の人気ニュース以降の記事が同じなので, div.entryのidが重複
  • 同様に, 最近の人気ニュースと注目のニュースで同じ記事があると, div.entryのidが重複
  • 同様に, 最近の人気ニュースと注目のニュースにもっと見るが二つあるので, div#hotentry-menuが重複

注目キーワード (/hotkeyword)

  • もっと見るが多数あるので, div#hotentry-menuが重複
キーワード (/keyword/...)
  • 公式サイトのリンクで&関係
  • 同公式サイトのJというアイコンのalt属性

http://b.hatena.ne.jp/keyword/CLAMP

エントリーリスト (/entrylist) (idea:12429)

  • html直下にstyle要素

各エントリー (/entry/http://...) (idea:12447)

  • html直下にstyle要素
  • このエントリーをブックマークしているユーザー以下で, ul直下にscript要素が
  • 概要を編集すると, p直下にdivだったかblockquoteだったか. (idea:6196, idea:5410)
各エントリー 動画

先の各エントリーでの指摘に加えて

  • param, embedの閉じタグ
  • embed?
各エントリー ISBN/ASIN

嘘です. これダイアリーです.

  • （2006年10月05日 15時24分 時点 - 価格表示について -）でspan中にdiv

ヘルプ (/help)

ヘルプ全般
  • img要素のalt属性
ヘルプ - はてなブックマークって何? (/help/about)
  • /images/help_about_01.jpgにalt属性が無い
ヘルプ - はてなブックマークの3つの特徴 (/help/feature)
  • typo という三つの特徴があります。...で, pの閉じタグが無い
ヘルプ - お気に入り機能で情報収集 (/help/favorite)
ヘルプ - ブックマークのカスタマイズ (/help/config)
  • typo 「基本設定」の「ウェブサイト設定」から、...でpの閉じタグが無い
  • typo またブックマーク追加時に、あなたがこれまで登録した...でpの閉じタグが無い
ヘルプ - 自分のブログに被ブックマーク数を表示する (/help/count)
  • typo 画像の大きさは...以下のdlでdtの閉じタグが多い
ヘルプ - はてなブックマークカウンター (/help/bcounter)
ヘルプ - ヒント、コツ (/help/tips)

RSSを有効活用しましょうの辺りで, リストの構造がおかしい.

<ul>
...
<li><img src="/images/rss.gif"> <strong>RSS</strong>を有効活用しましょう</li>
  <ul style="font-size: 100%;">
  <li<strong>RSSリーダー</strong>を使ってはてなブックマークの閲覧を効率化しましょう。</li>
  <li>注目ニュースのRSSを購読して、いち早く情報を収集することができます。注目ニュースをさらにタグで絞ったRSSを購読するのも良いでしょう。</li>
  <li>気になるユーザーのブックマークRSSを購読すれば、その人が興味を持ったエントリーを追いかけることができるでしょう。</li>
  <li>キーワードのRSSを購読すれば、そのワードに関するエントリーを追いかけることができるでしょう。例えばキーワード「はてな」を購読しておけば、はてなに関する話題はばっちりです。</li>
  <li>ひとつのRSSだけでなく、複数のRSSを購読するのが効率的な情報収集のコツです。</li>
  </ul>
</li>
</ul>

以下が直したもの.

<ul>
...
<li><img src="/images/rss.gif" alt=""> <strong>RSS</strong>を有効活用しましょう
  <ul style="font-size: 100%;">
  <li><strong>RSSリーダー</strong>を使ってはてなブックマークの閲覧を効率化しましょう。</li>
  <li>注目ニュースのRSSを購読して、いち早く情報を収集することができます。注目ニュースをさらにタグで絞ったRSSを購読するのも良いでしょう。</li>
  <li>気になるユーザーのブックマークRSSを購読すれば、その人が興味を持ったエントリーを追いかけることができるでしょう。</li>
  <li>キーワードのRSSを購読すれば、そのワードに関するエントリーを追いかけることができるでしょう。例えばキーワード「はてな」を購読しておけば、はてなに関する話題はばっちりです。</li>
  <li>ひとつのRSSだけでなく、複数のRSSを購読するのが効率的な情報収集のコツです。</li>
  </ul>
</li>
</ul>
ヘルプ - よくある質問と回答 (/help/faq)

ここだけhtml直下にstyle要素が登場.

ここからユーザーエリア

各ユーザーのブックマーク (/id/)
詳細 (/id/?mode=detail)
  • dd.content中にたまたま>等があって, 切り方によっては&gになる
お気に入り (/id/favofite)
  • お気に入りユーザの削除用リンクで, ?mode=delete&name=id
  • このエントリーをブックマークに追加でも, 同様に &url等

あ, dl.bookmarkのid重複は直ってる (ブックマークしたユーザのidが入るようになった)

コレクション (/id/asin) (idea:9564)
  • typo div.taglist-widgetのところで, <spcan class="tagcount"...> (詳細でも同様)
  • dt.asin直下のa要素でidの属性値が不正. nameはどうだっけ?
ブックマークの追加 (/id/append?...)
  • <img src="/images/indicator.gif" id="indicator" />でalt属性が指定されていない.
    • こんなところに画像あったんだ. これ→indicator
ブックマークの編集 (/id/edit?eid=nnn)
  • 他はtbody使ってるけど, div#entry-info下のtableでは使ってない (細かい)
  • div#entry-infoとformの入れ子が不正
  <div id="container">
   <div id="body">
    <div id="breadcrumbs"></div>

    <h2 class="title">ブックマークの編集</h2>

    <form>
     <h2 class="entry-title">...</h2>
     <div id="entry-info">
      <table>...</table>
      <input value="この内容に変更する" type="submit"> 
     </form>

    <div id="tags_list"></div>
    <div id="othertags_list"></div>
    <div id="keywords_list"></div>
   </div>

     <form method="post" action="./delete" method="post">...</form>

    </div><!-- body -->
  </div><!-- container -->
設定 (/id/config) (idea:9562)
  • ブックマークのタイトルのtableでtrが一つ余計
  • はてなブックマークをご利用になられる場合、...の最後のddの閉じタグ
  • 公開or非公開や閲覧許可グループ等でlabel使って欲しい
設定 (/id/design) (idea:9563)
  • typo ヘッダ色を選択のところで, <div class="optionsub style="padding-bottom:5px;"">
  • 同じところで, table直後にtrの開始タグが抜けている
  • label使ってほしい
ブックマークレット (/register?...)
  • html直下にstyle要素
  • セットアップが完了したら...のところで, ul直下にul
  • h2.title直後の空pは何?

送金 (add?mode=tipjar&...)

typo

<div class="note">
 <ul>
  <li>※1ポイントからお好きなポイント数をご指定頂けます。</li>
  <li>※ポイント送信時には、5%の手数料が必要です。</li>
  <li>※匿名で送信する場合、コメントを送ることはできません。 </li>
 </p>
</div>

sizeじゃなくって, cols.

<td><textarea size="20" rows="2" name="comment"></textarea></td>