HTML dlについて

質問

HTML初心者です。
下記をdlタグで定義したいんですがどういう方法がいいんでしょうか？
入れ子にして作ったんですがどうも長ったらしいのでもっと完結にしたいんですが・・・・
うまく全部を関連付ける方法を教えて下さい。

<dl>
<dt><ul>
<li>１と２と３の題名</li></dt>
　　<dd>
<li>
<dl>
<dt>題名１</dt></li>
　　<li><dd>内容１</dd></li>
　　<li><dt>題名２</dt></li>
　　<li><dd>内容２</dd></li>
　　<li><dt>題名３</dt></li>
　　<li><dd>内容３</dd></dl></li>
</dl>
</ul>
</dd>
</dl>

回答No.1

ORUKA1951 · ベストアンサー

分からないときは、まず仕様書( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html )を確認すこと。うそが説明してあるサイトは腐るほどあるけど、まともな情報は少ない。
<dt><ul>
・・・仕様書( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/lists.html#edef-DT )には、
≫<!ELEMENT DT - O (%inline;)* -- definition term -->
と書いてある。すなわち、DT内にはインライン要素しか入れられないと・・
　ところが、ulはブロック要素ですから、ここが間違い。

<li>１と２と３の題名</li></dt>
　LI要素は、ULかOL内にしか入りませんから、ここは
<li>１と２と３の題名</li>
</ul>
　と</ul>が必要・・・その前に<dt></dt>内にULが入れられないのは前述!

　　<li><dd>内容１</dd></li>
　　<li><dt>題名２</dt></li>
　DDもDTも仕様書に
≫<!ELEMENT DL - - (DT|DD)+ -- definition list -->
　<li>内に直接入らない。

★要素はそれがブロック要素かインライン要素か知っておくこと。
　・・・・最初にこの説明のないマニュアルはゴミ・・読むだけ無駄
★XHTML化を考えていなくても、必ずタグは閉じること。入れ子にすること。
　<li>
　　　<dl>
　　　　　<dt></dt>
　　　　　<dd></dd>
　</li>
なんてありえない

まず、他ならずインデントさせて書くと分かりやすい。
≫どうも長ったらしいのでもっと完結にしたいんですが・・・・
　相手はコンピューターですから、長ったらしいのは気にしてない。うそは困る。またメンテナンスも長さには関係ない。
<dl>
　　<dt>１と２と３の題名</dt>
　　<dd>
　　　　<dl>
　　　　　　<dt>題名１</dt>
　　　　　　<dd>内容１</dd>
　　　　　　<dt>題名２</dt>
　　　　　　<dd>内容２</dd>
　　　　　　<dt>題名３</dt>
　　　　　　<dd>内容３</dd>
　　　　</dl>
　　</dd>
</dl>
　でよいと思う。

マークアップの意味は
<dl>・・・・・・・・・・・・・・・・・・・・・・・・・・・・ここから定義リスト
　　<dt>１と２と３の題名</dt>・・・・・・・最初の定義
　　<dd>・・・・・・・・・・・・・・・・・・・・・・・・・その説明
　　　　<dl>・・・・・・・・・・・・・・・・・・・・・・・・・・・・説明も定義リスト(L2)
　　　　　　<dt>題名１</dt>・・・・・・・・・・・・・・・項目(1)
　　　　　　<dd>内容１</dd>・・・・・・・・・・・・・・・・・・説明(1)
　　　　　　<dt>題名２</dt>・・・・・・・・・・・・・・・項目(1)
　　　　　　<dd>内容２</dd>・・・・・・・・・・・・・・・・・・説明(1)
　　　　　　<dt>題名３</dt>・・・・・・・・・・・・・・・項目(1)
　　　　　　<dd>内容３</dd>・・・・・・・・・・・・・・・・・・説明(1)
　　　　</dl>・・・・・・・・・・・・・・・・・・・・・・・・・・定義リスト(L2)の終わり
　　</dd>・・・・・・・・・・・・・・・・・・・・・・・・最初の定義の説明終わり

・・・・・・・・・・ここに続きがあれば・・・・・・

</dl>

　このサイトあたりから始めること
【参考サイト】
はじめてのWebドキュメントづくり
　 http://www.asahi-net.or.jp/%7Esd5a-ucd/www/

　また、

お礼

とても分かりやすく、勉強になりました。

ありがとうございました。

回答No.2

noname#83877

私は

<h1>１と２と３の題名</h1>
<h2>題名１</h2>
<p>内容１</p>
<h2>題名２</h2>
<p>内容２</p>
<h2>題名３</h2>
<p>内容３</p>

だと思うのですが。
もしもこの題名や内容が言葉の誤りでないのであれば、単純にヘッドライン要素とp要素でのマークアップが一番適切ですよ。内容のところが説明や詳細なら話は別ですが・・・

お礼

そういうやり方でもいいんですね。

勉強になります。

ありがとうございました。