Was ist der richtige Weg, um eine Definitionsliste mit einer geordneten Liste zu kombinieren?

Question

Ich möchte eine Liste definierter Definitionen erstellen. Sollte ich eine <ol> in einer <dl> verschachteln, oder andersherum?

heißt

<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> 

Oder Nest der <dl> innerhalb <ol> oder sogar innerhalb jedes <li>?

The docs don't seem to say.

Answer 1

Nach that documentation, die einzigen Elemente ein <dl> enthalten sind <dt> und <dd>:

Content model:

Null oder mehr Gruppen, jeweils bestehend aus einem oder mehreren dt Elemente, gefolgt von einem oder mehreren dd Elemente, gegebenenfalls vermischt mit script-supporting elements.

Ihr Beispiel Code ist daher ungültig HTML. Der einzig gültige Weg zum Nest dl und ol/ul ist in der Reihenfolge ol/ul>li>dl>dt + dd:

<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>

Answer 2

Ihr Beispiel ist kein gültiger HTML-Tag. Vielleicht möchten Sie so etwas machen.

Dann können Sie Ihrem CSS Stil hinzufügen, um das Layout zu korrigieren.