在這種情況下元素div不允許作爲元素ol的子元素

我想要驗證我的代碼，並且我在元素ol的子元素中獲取元素div不被允許。看起來我不能在div裏面有div，所以我怎麼才能完成我想要的而不會出現這個錯誤。我希望能夠從頭到尾擁有一個號碼列表。我不希望櫃檯頂部重置。我想潛入列表中，因爲我希望能夠使用jquery在隱藏和顯示之間進行切換。我搜索了，但我基本上發現這是一個錯誤，但找不到其他方式。這裏是我的代碼：在這種情況下元素div不允許作爲元素ol的子元素

<!DOCTYPE html> 
         <html class="no-js"> 
          <head> 
           <meta charset="utf-8"> 
           <title>Diff It</title> 
           <meta name="description" content="See the difference between your documents"> 
           <meta name="viewport" content="width=device-width"> 
          </head> 
<body> 
<!-- first file --> 
     <div class="file_wrapper"> 
     <h2>Previous Version of Pre.report.txt</h2> 
     <div class="file_inner"> 
     <ol class="ol_counter"> 
<div style="width: 100%" class="block1"><h3> Result </h3> 
<li>++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</li> 
<li></li> 
<li>##############################################################################</li> 
<li># Test 1. </li> 
<li># Test 2. </li> 
<li># Test 3. </li> 
<li># Test 4. </li> 
<li># Test 5. </li> 
<li>##############################################################################</li> 
      </div> 
<div style="width: 100%" class="block2"><h3> Result </h3> 
<li>+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</li> 
<li></li> 
<li>##############################################################################</li> 
<li># Test 1. </li> 
<li># Test 2. </li> 
<li># Test 3. </li> 
<li># Test 4. </li> 
<li># Test 5. </li> 
<li>##############################################################################</li> 
      </div> 
<div style="width: 100%" class="block3"><h3> Result </h3> 
<li>++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</li> 
<li></li> 
<li>##############################################################################</li> 
<li># Test 1. </li> 
<li># Test 2. </li> 
<li># Test 3. </li> 
<li># Test 4. </li> 
<li># Test 5. </li> 
<li>##############################################################################</li> 
</div>    
</ol> 
      </div>                          
       </div> 

</body> 
</html>

來源

2013-12-18 David

將'div'包裝在'li'中，否則你不能在列表中包含div div –

應用類的<li>元素的部分，然後隱藏它們，而不是直接hidding的（非法）包含分區：

<ol class="ol_counter"> 
    <li class="section-1">blah</li> 
    <li class="section-1">blah</li> 
    <li class="section-1">blah</li> 

    <li class="section-2">blah</li> 
    <li class="section-2">blah</li> 
    <li class="section-2">blah</li> 
    ...

...等。

來源

2013-12-18 17:55:01 Madbreaks

謝謝，ol下允許使用什麼元素，因爲我正在嘗試跨度，它也給我一個錯誤。謝謝 – David

在這種情況下元素div不允許作爲元素ol的子元素

回答

相關問題