如何标记HTML列表的标题

 

AFAIK，没有专用的元素-像<caption>对表， <figcaption>为数字，等-来标记列表的标题。 我应该使用什么标记？

在HTML 3.0中，有一个元素<LH>但现在不推荐使用。

Lorem ipsum dolor坐在amet，consectetur adipiscing elit。 Nulla eget enim nec metus feugiat porta。 暂停信用证规定。 在faucibus orci luctus et ultrices posuere cubilia Curae中的Vestibulum ante ipsum primis; Morbi vitae erat in nisl suscipit rutrum。

我喜欢的水果：

  • 凤梨

  • 覆盆子

  • 香蕉

    • 在mauris vel diam eleifend adipiscing。 Proin id neque quam，eu mattis ipsum。 Nulla facilisi。 Sed id sapien eget mi cursus placerat vel sed justo。 整数pellentesque magna。 Donec quis nisi lacus，accumsan rhoncus leo。 Quisque tempor metus vitae nisl eleifend aliquet。 Maecenas adipiscing purus magna。

    它看起来像你想要一个HTML5的答案。 如果你所有的列表都有标题，我会用一个<dl> <dt>标题和<dd>列表项作为<dd> <dl> （现在是含义描述列表）： 

    <dl>
    <dt>Fruits I love:</dt>
    <dd>Ananas</dd>
    <dd>Strawberry</dd>
</dl>

    如果你混合了很多带/不带头的列表，我会坚持使用<ul> / <ol>并使用普通的<hX> 。 将<hX>和列表包装在<div>以保留语义： 

    <div class="list">
    <h2>Fruits I love:</h2>
    <ul>
        <li>Ananas</li>
        <li>Strawberry</li>
    </ul>
</div>

    我会使用常规标题，最好在您之前使用的标题下方。 

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget enim nec metus feugiat porta. Suspendisse convallis dictum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vitae erat in nisl suscipit rutrum.</p>

<p>Fruits I love:</p>
<ul>
  <li>Ananas</li>
  <li>Raspberry</li>
  <li>Banana</li>
</ul>

<p>In in mauris vel diam eleifend adipiscing. Proin id neque quam, eu mattis ipsum. Nulla facilisi. Sed id sapien eget mi cursus placerat vel sed justo. Integer vel pellentesque magna. Donec quis nisi lacus, accumsan rhoncus leo. Quisque tempor metus vitae nisl eleifend aliquet. Maecenas adipiscing purus magna.</p>

    在这种情况下没有理由使用其他任何内容。 在另一种情况下，适当的figcaption是合适的： 

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget enim nec metus feugiat porta. Suspendisse convallis dictum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vitae erat in nisl suscipit rutrum.</p>

<p>I love <a href=#fruits>some fruits</a>!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget enim nec metus feugiat porta. Suspendisse convallis dictum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vitae erat in nisl suscipit rutrum.</p>

<p>In in mauris vel diam eleifend adipiscing. Proin id neque quam, eu mattis ipsum. Nulla facilisi. Sed id sapien eget mi cursus placerat vel sed justo. Integer vel pellentesque magna. Donec quis nisi lacus, accumsan rhoncus leo. Quisque tempor metus vitae nisl eleifend aliquet. Maecenas adipiscing purus magna.</p>

<figure id=fruits>
  <figcaption>List 1: Fruits I love</figcaption>
  <ul>
    <li>Ananas</li>
    <li>Raspberry</li>
    <li>Banana</li>
  </ul>
</figure>
    链接地址: http://www.djcxy.com/p/88573.html

    上一篇: How to mark up caption for HTML lists

    下一篇: How do I add Groovy scripts to a Java project with classical Maven structure?