186(Panda)

2004-09-22

[]

isnb:0123456789:detail

[] 20:09

http://d.hatena.ne.jp/hatenadiary/20040922#p1

asin/isbn詳細モードのテスト。

はてなの本 (NT2X)

はてなの本 (NT2X)

<p><div class="hatena-asin-detail">
	<a href="http://d.hatena.ne.jp/asin/4798107042"><img src="http://images-jp.amazon.com/images/P/4798107042.09.MZZZZZZZ.jpg" class="hatena-asin-detail-image" alt="はてなの本" title="はてなの本"></a>
	<div class="hatena-asin-detail-info">
		<p class="hatena-asin-detail-title"><a href="http://d.hatena.ne.jp/asin/4798107042">はてなの本</a></p>
		<ul>

			<li><span class="hatena-asin-detail-label">作者:</span> 田口 和裕, 松永 英明, 上ノ郷谷 太一, 田口 和裕, 松永 英明, 上ノ郷谷 太一</li>

				<li><span class="hatena-asin-detail-label">出版社/メーカー:</span> 翔泳社</li>
				<li><span class="hatena-asin-detail-label">発売日: 2004/09/09</li>
			<li><span class="hatena-asin-detail-label">メディア:</span> 単行本</li>

			<li><span class="hatena-asin-detail-label">評価:</span> 4.5 (13)</li>
    </ul>
  </div>
  <div class="hatena-asin-detail-foot"></div>
</div></p>

pの中にdivは止めて欲しいな、と。

<p>~</p>
<div class="hatena-asin-detail">
	<a href="#"><img src="#" class="hatena-asin-detail-image" alt="foo" title="foo"></a>
	<div class="hatena-asin-detail-info">
		<p class="hatena-asin-detail-title"><a href="#">foo</a></p>
		<dl>
			<dt>作者</dt><dd>foo</dd>
			<dt>出版社/メーカー</dt><dd>foo</dd>
			<dt>発売日</dt><dd>foo</dd>
			<dt>メディア</dt><dd>foo</dd>
			<dt>評価</dt><dd>foo</dd>
    </dl>
  </div>
  <div class="hatena-asin-detail-foot"></div>
</div>
<p>~</p>

辺りが無難かなぁ。

sasadasasada2004/09/23 06:37むしろ、「asin/isbn詳細モードは行頭に書かないと無効」とした方がシンプルに思えます。その上で、一番外側のdivが綴じるまでpタグをエスケープすれば、html敵にも問題ないかと。

smoking186smoking1862004/09/23 18:39リストで並べたい人も居るかと思って、もにょる訳です。
まぁhtmlとか気にする人ならリストの中に入れろということですな。liの中にdivはOK。
><div>isbn:0123456789:detail</div><は無理でした。

sasadasasada2004/09/24 01:57あぁ、div要素はli要素やdd要素の子供要素としては使える構成になってるんですね。じゃ、
(1)「-」「+」「:なにか:」に続けて書かれている場合は、現行どおり。
(2) 行頭に直接書かれている場合は、外側のdivが閉じられるまでp要素をエスケープする。
(3)li要素かdd要素の子供として使用されている場合は、現行どおり。
(4) 通常のpタグ自動挿入が行われている場合は、外側のdivを開く前にpタグを閉じ、外側のdivが閉じられたらpタグを開く。
とかでしょうか。・・・いろいろ抜けがありそうですし、シンプルとは言えない処置ですねー。(1)から(2)か(3)までなら現実的かなぁ。
当面は、olかulまたはdlの各種リストで問題回避するのが適切であることには同意します。

sasadasasada2004/09/24 07:56どうやら、
><div>
isbn:4798107042:detail
</div><
だとpタグのエスケープはする見たい。
(http://d.hatena.ne.jp/sasada/20040922#1095852741)