ul、ol、dl的差別

語義差別

• ul: 定義了一個無序清單
  • li：定義清單中的項目
• ol: 定義了一個有序清單
  • li: 定義清單中的項目
• dl: 定義了一個定義清單
  • dt：定義了清單中的項目
  • dl：描述了清單中的項目

樣式差別

ul

<p>無序清單：</p>
<ul>
  <li>雪碧</li>
  <li>可樂</li>
  <li>涼茶</li>
</ul>
           

ol

<p>有序清單：</p>
<ol>
  <li>打開冰箱門</li>
  <li>把大象放進去</li>
  <li>關上冰箱門</li>
</ol>
           

dl

<h2>一個定義清單：</h2>
<dl>
   <dt>計算機</dt>
   <dd>用來計算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示資訊的裝置 ... ...</dd>
</dl>