在嚴格的XHTML1.0電子書無效的嵌套列表

Question

我正在研究一個包含許多嵌套列表（OL和UL）和一個頁面無效的電子書。我希望將它們作爲語義和組織原因的列表。下面是我要的格式：

• Subquestion
• Subquestion

段落解釋答案

1. 問題

2. 問題

   • Subquestion
   • Subquestion

段落說明答案

H2分節符

問題

• Subquestion
• Subquestion

段落說明答案

問題

• Subquestion
• Subquestion

段落解釋答案

我的縮寫代碼：

<ol> 
    <li>Question 1 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
    <p>Paragraph explaining answers</p> 

    <li>Question 2 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
    <p>Paragraph explaining answers</p> 

<h2>Section break</h2> 

    <li>Question 3 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
    <p>Paragraph explaining answers</p> 

    <li>Question 4 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
    <p>Paragraph explaining answers</p> 

</ol> 

現在這看起來在瀏覽器的偉大，但我得到的最後一行的標籤不匹配錯誤（關閉ol標籤），防止顯示有序列表之後的任何內容。我不允許打破格式（即將所有段落放在OL末尾），而不是簡單地爲OL使用數字。

是否允許段落和標題嵌套在列表內？有沒有解決方法來保持編號和格式一致？謝謝你的幫助！

Answer 1

你不能把任何東西放在ol，但li詳細here。你最好這樣做是這樣的：

<ol> 
    <li>Question 1 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
</ol> 
    <p>Paragraph explaining answers</p> 

<ol> 
    <li>Question 2 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
</ol> 
    <p>Paragraph explaining answers</p> 

    <h2>Section break</h2> 

<ol> 
    <li>Question 3 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
</ol> 
    <p>Paragraph explaining answers</p> 

<ol> 
    <li>Question 4 
    <ul> 
     <li>subquestion</li> 
     <li>subquestion</li> 
    </ul> 
    </li> 
</ol> 
    <p>Paragraph explaining answers</p> 

希望這個幫助，祝你好運！

Answer 2

@phantom說的不完全正確。你可以在列表項中「嵌入」一個段落。你最初的例子出現故障的地方是你不能在有序列表中找到標題;這是不允許的。

這裏是你應該做的：

<ol> 
    <li>Question 1 
     <ul> 
      <li>subquestion</li> 
      <li>subquestion</li> 
     </ul> 

    <!-- The following places the paragraph within the <li> element, 
     giving it a paragraph space/line break above and no bullet. --> 

    <p>Paragraph explaining answers</p> <!-- para wrapped in the --> 

    </li> <!-- close the list item. --> 

    <li>Question 2 
     <ul> 
      <li>subquestion</li> 
      <li>subquestion</li> 
     </ul> 
    <p>Paragraph explaining answers</p> 
    </li> 
</ol> <!-- End the ordered list since it cannot contain a heading tag --> 

<h2>Section break</h2> 

<ol> 
    <li>Question 3 
     <ul> 
      <li>subquestion</li> 
      <li>subquestion</li> 
     </ul> 
    <p>Paragraph explaining answers</p> 
    </li> 

    <li>Question 4 
     <ul> 
      <li>subquestion</li> 
      <li>subquestion</li> 
     </ul> 
    <p>Paragraph explaining answers</p> 
    </li> 
</ol>