HTMLのリストについて教えてください。

質問

HTMLのリストについて教えてください。
ワード文章をドリームウィーバーで作成しておりますが、番号のついた文章の中にまた、番号付の文章を入れるため、olでくくったliの文章の中にolでまたliの文章を組むことにより、番号をふったものを作成できましたが、バリデートでチェックするとエラーとなり、ol内にol
を使用できないとコメントがありました。他の方法が思いつかないのですが教えていただけないでしょうか。
<ol>
<li>見出し文章</li>
<li>見出し文章</li>
<ol>
<li>詳細な内容</li>
<li>詳細な内容</li>
</ol>
<li>見出し文章</li>
<li>見出し文章</li>
</ol>

回答No.3

ORUKA1951 · ベストアンサー

手入力ですか？
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )にしろ、The W3C Markup Validation Service ( http://validator.w3.org/ )にしろ、エラーの内容は示されるはず。それをきちんと読みましょう。
　その上で、仕様書の該当項目( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#h-10.2 )を確認しましょう。
　それが一番の勉強と、理解につながります。

【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
<!ELEMENT LI - O (%flow;)* -- list item -->
￣￣￣￣￣￣￣￣￣￣￣￣￣
( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-LI )］より
　★内部に%flowですから、<!ENTITY % flow "%block; | %inline;">とブロック要素もインライン要素も含むことができますが、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
<!ELEMENT UL - - (LI)+ -- unordered list -->
￣￣￣￣￣￣￣￣￣￣￣￣￣
( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#h-10.2 )］より
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
<!ELEMENT OL - - (LI)+ -- ordered list -->
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Lists in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#h-10.2 )］より
　と、ul/olとも内部にはli以外は含むことができないと明記されています。

お示しのソースを見ると
<ol>
｜－　<li>見出し文章</li>
｜－　<li>見出し文章</li>
｜－　<ol><!-- <ol>の下に入っている× -->
｜－　　　<li>詳細な内容</li>
｜－　　　<li>詳細な内容</li>
｜－　</ol>
｜－　　<li>見出し文章</li>
｜－　　<li>見出し文章</li>
</ol>

<ol>
｜－　<li>見出し文章</li>
｜－　<li>見出し文章
｜　　　　｜－　<ol>
｜　　　　　　　　｜－　<li>詳細な内容</li>
｜　　　　　　　　｜－　<li>詳細な内容</li>
｜　　　　　　　</ol>
｜　　</li>
｜－　　<li>見出し文章</li>
｜－　　<li>見出し文章</li>
</ol>

と、何でも含みうる<li>の内部に<ol>は書かなければなりません。

　仕様書や、Markup Validation Serviceで表示されるエラーは自分で解決するようにすると、特定のエラーだけの説明を受けるより、はるかに上達が早くなります。

お礼

ありがとうございました！勉強不足ですみません。教わったサイトでよくチェックしてみます。

回答No.2

grumpy_the_dwarf

リストの中に存在できるのは、リスト項目だけです。入れ子にするなら、

<ol>
<li>list item 1</li>
<li><ol>
　<li>child list item 1</li>
　<li>child list item 2</li>
　</ol></li>
<li>list item 2</li>
</ol>
のようにliの中身として子リストを書いてください。

回答No.1

神崎 渉瑠（@taloo）

<ol>
<li><ol>
　　<li>・・・</li>
　　</ol>
</li>
</ol>

コードビューで手入力されてますか？
Dreamweaverで作れば質問文にあるようなコードは出来ないはずです。
デザインビューでメニューから挿入すれば、適切なHTMLコードが作れるはずです。