为HTML中的列表提供标题，标题或标签的最佳做法 [英] Best practice for providing a caption, title or label for a list in HTML

问题描述

为HTML列表提供标题的最佳方法是什么？例如

水果

• 苹果
>

• 梨


• 橙色

被处理，特别是如果我想要它在语义上与列表本身关联？

有效地构建标记的元素可以具有相同的效果。这里有一些建议：
$ b $ p 嵌套列表

 < UL> 
< li> 
水果
< ul> 
< li> Apple< / li> 
< li>梨< / li> 
< li> Organge< / li> 
< / ul> 
< / li> 
< / ul> 
  

---

列表前的标题

 < hX>水果< / hX> 
< ul> 
< li> Apple< / li> 
< li>梨< / li> 
< li>橙色< / li> 
< / ul> 
  

---

定义列表

 < dl> 
< dt> Fruit< / dt> 
< dd> Apple< / dd> 
< dd>梨< / dd> 
< dd>橙色< / dd> 
< / dl> 
  

What is the best way to provide a caption for an HTML list? E.g

Fruit

• Apple
• Pear
• Orange

How should the word "fruit" be handled, particularly if I want it to be semantically associated with the list itself?

解决方案

While there is no caption or heading element structuring your markup effectively can have the same effect. Here are some suggestions:

Nested List

<ul>
    <li>
        Fruit
        <ul>
            <li>Apple</li>
            <li>Pear</li>
            <li>Organge</li>
        </ul>
    </li>
</ul>

---

Heading Prior to List

<hX>Fruit</hX>
<ul>
    <li>Apple</li>
    <li>Pear</li>
    <li>Orange</li>
</ul>

---

Definition List

<dl>
  <dt>Fruit</dt>
  <dd>Apple</dd>
  <dd>Pear</dd>
  <dd>Orange</dd>
</dl>

这篇关于为HTML中的列表提供标题，标题或标签的最佳做法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！