搜索结果列表的HTML5标记

可能重复：

我有一个从查询到数据库的项目列表。现在我想通过HTML向用户显示它们

我最初的想法是这样的：

<ol>
  <li>
    search element 1
  </li>
  ...
</ol>

搜索元素1

...

我想知道HTML5是否有更好的语义方式，比如：

<article>
  <section>
    search element 1
  </section>
  ...
</article

搜索元素1
...
不是。文章和章节的引入并不是为了进一步滥用标准，而是为了在标签和内容之间建立清晰的联系。只有在描述章节和文章实例时才应该使用它们

搜索结果必须是一个列表，并且应该在
标记中使用。不过，无论您是否使用有序的，这都无关紧要。
否。文章和章节的引入并不是为了进一步滥用标准，而是为了在标签和内容之间建立明确的联系。只有在描述章节和文章实例时才应该使用它们

搜索结果必须是一个列表，并且应该在
标记中使用。不过，不管你是否使用有序搜索，这其实并不重要。
如果你的搜索结果是按相关性排序的，你应该使用
ol
元素。每个结果都是自己的
li
。如果每个结果包含多个链接（例如，包含文本片段、作者姓名、发布日期等），也可以使用
article

ol
描述了结果的排名，
文章
描述了每个结果代表一个自包含的实体（可以在提要中联合）

我回答了另一个问题：

<ol start="1">

  <li id="1">
    <article>
     <h1><a href="url-to-the-page.html" rel="external">The Title of the Page</a></h1>
     <p>A short summary of the page</p>
     <footer>
       <dl>
         <dt>Categories</dt>
         <dd><a href="first-category.html">First category</a></dd>
         <dd><a href="second-category.html">Second category</a></dd>
         <dt>File size</dt>
         <dd>2 <abbr title="kilobyte">kB</code></dd>
         <dt>Published</dt>
         <dd><time datetime="2010-07-15T13:15:05-02:00">Today</time></dd>
        </dl>
      </footer>
    </article>
  </li>

  <li id="2">
    <article>
     …
    </article>
  </li>

</ol>



这一页的简短摘要

类别
文件大小
2 kB
出版
今天


…

如果您的搜索结果排名靠前（可能是根据相关性），您应该使用

ol

元素。每个结果都是自己的

li

。如果每个结果包含多个链接（例如，包含文本片段、作者姓名、发布日期等），也可以使用

article

ol

描述了结果的排名，

文章

描述了每个结果代表一个自包含的实体（可以在提要中联合）

我回答了另一个问题：

<ol start="1">

  <li id="1">
    <article>
     <h1><a href="url-to-the-page.html" rel="external">The Title of the Page</a></h1>
     <p>A short summary of the page</p>
     <footer>
       <dl>
         <dt>Categories</dt>
         <dd><a href="first-category.html">First category</a></dd>
         <dd><a href="second-category.html">Second category</a></dd>
         <dt>File size</dt>
         <dd>2 <abbr title="kilobyte">kB</code></dd>
         <dt>Published</dt>
         <dd><time datetime="2010-07-15T13:15:05-02:00">Today</time></dd>
        </dl>
      </footer>
    </article>
  </li>

  <li id="2">
    <article>
     …
    </article>
  </li>

</ol>

这一页的简短摘要

类别
文件大小
2 kB

出版 今天

…

---

user509375您可以参考StackOverflow另一个讨论中的解决方案建议。。。用户509375您可以参考StackOverflow另一个讨论中的解决方案建议。。。