将标题添加到多个定义列表?

时间:2018-05-12 20:59:32

标签: html html5 semantics

我希望有多个定义列表,并且这些列表有一个标题,例如:

 //how can I add the title of "Items in fridge"
 <dl>
   <dt>Food:</dt>
   <dd>Eggs</dd>
   <dd>Bacon</dd>
 </dl>
 <dl>
   <dt>Drinks:</dt>
   <dd>Water</dd>
   <dd>Juice</dd>
 </dl>

将整体<dt>添加到各种定义列表

的正确方法是什么

1 个答案:

答案 0 :(得分:2)

不是100%确定我正确理解了这个问题,但可能会将它们放在<section>

<section>
  <h1>Items in Fridge</h1>
  <dl>
    <dt>Food:</dt>
    <dd>Eggs</dd>
    <dd>Bacon</dd>
  </dl>
  <dl>
    <dt>Drinks:</dt>
    <dd>Water</dd>
    <dd>Juice</dd>
  </dl>
</section>

(注意:我的帖子中最初有另一种解决方案,但正如Alohci在评论中指出的那样,它不是有效的HTML)