HTML5标签搜索结果列表

可能重复：
Marking up a search result list with HTML5 semantics HTML5标签搜索结果列表

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

我最初的方法是这样的：

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

我不知道是否有一个与HTML5是一个更好的语义方法：

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

有谁有更好的语义的方式？

来源

2012-10-22 Seby

user509375您可以参考的解决方案表明，在StackOverflow上的另一个讨论...... [刻印了HTML5语义的搜索结果列表（HTTP：/ /stackoverflow.com/questions/3255109/marking-up-a-search-result-list-with-html5-semantics） –

编号Article和Section没有引入为了进一步滥用标准，而是在标签和内容之间有明确的联系。只有在确实描述章节和文章实例时，才应该使用它们。

搜索结果必须是一个列表，并且应该在<li>标签内使用。不过，无论您是否使用有序的产品，这并不重要。

来源

2012-10-22 10:47:04

如果您的搜索结果排名（可能是相关性），您应该使用ol元素。每个结果将是它自己的li。如果每个结果都包含多个链接（例如文本片段，作者姓名，发布日期等），请使用article。

ol描述了结果进行排名，article介绍了每个结果表示一个自包含的实体（即可以在进料进行联合）。

我给markup example作为回答另一个问题：

<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>

来源

2012-10-23 11:54:45 unor

HTML5标签搜索结果列表

回答

相关问题