定義リストを順序付きリストと組み合わせる正しい方法は何ですか？

Question

私は、順序付けされた定義リストを作りたいと思っています。 <ol>を<dl>に入れ子にするか、それとも逆の方法ですか？

すなわち

<h4>Bike Descriptions</h4> 
<dl> 
    <ol> 
     <li> 
      <dt>Giant Bikes</dt> 
      <dd>Bikes that are very sturdy and reliable.</dd> 
     </li> 
     <li> 
      <dt>Walmart Bikes</dt> 
      <dd>Bikes that are crummy and heavy.</dd> 
     </li> 
    </ol> 
</dl> 

それとも巣<ol>内、あるいは各<li>内<dl>？

The docs don't seem to say.

Answer 1

that documentationによれば、<dl>を含有することができるだけの要素が<dt>と<dd>ある：

Content model：

ゼロ以上のグループそれぞれが1つまたは複数のdd続いて一つ以上のdt元素からなります任意で、script-supporting elementsと混在しています。

したがって、あなたのサンプルコードは無効なHTMLです。

<h4>Bike Descriptions</h4>  
 
<ol> 
 
    <li> 
 
     <dl> 
 
      <dt>Giant Bikes</dt> 
 
      <dd>Bikes that are very sturdy and reliable.</dd> 
 
     </dl> 
 
    </li> 
 
    <li> 
 
     <dl> 
 
      <dt>Walmart Bikes</dt> 
 
      <dd>Bikes that are crummy and heavy.</dd> 
 
     </dl> 
 
    </li> 
 
</ol>

：巣 dlと ol/ ulへの唯一の有効な方法は、順序 ol/ ul> li> dl> dt + ddであります

Answer 2

あなたの例では、有効なHTMLタグではありません。おそらくあなたはこのようなことをしたいと思うでしょう。

<h4>Bike Descriptions</h4>  
<ul> 
    <li> 
    <dl> 
     <dt>Giant Bikes</dt> 
     <dd>Bikes that are very sturdy and reliable.</dd> 
    </dl> 
    </li> 
    <li> 
    <dl> 
     <dt>Walmart Bikes</dt> 
     <dd>Bikes that are crummy and heavy.</dd> 
    </dl> 
    </li> 
</ul> 

次に、CSSにスタイルを追加してレイアウトを修正できます。