大佬教程收集整理的这篇文章主要介绍了用HTML5语义标记搜索结果列表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
对于每个命中，我想
>通过增加订单
>显示可点击的标题
>显示一个简短的总结
>显示类别，发布日期和文件大小等附加数据
<ol>
<li>
<article>
<header>
<h1>
<a href="url-to-the-page.html">
The title of the Page
</a>
</h1>
</header>
<p>A short sumMary of the page</p>
<footer>
<dl>
<dt>Categories</dt>
<dd>
<nav>
<ul>
<li><a href="first-category.html">First category</a></li>
<li><a href="second-category.html">Second category</a></li>
</ul>
</nav>
</dd>
<dt>File size</dt>
<dd>2 kB</dd>
<dt>Published</dt>
<dd>
<time datetiR_705_11845@e="2010-07-15T13:15:05-02:00" pubdate>Today</time>
</dd>
</dl>
</footer>
</article>
</li>
<li>
...
</li>
...
</ol>
我不满意< article />在< li />内。首先，搜索结果命中本身不是一篇文章，而只是一个@R_865_10584@的摘要。第二，我甚至不确定你被允许把一个文章放在清单中。
也许< details />和< sumMary>标签比< article />更合适，但是我不知道是否可以添加< footer />里面呢
欢迎所有的意见和建议！我真的希望每一个细节都是完美的。
你只有一份单独的文件，所以我认为这是完全适当的。博客的首页也同样如此，其中包含几个带有标题和大纲的帖子，每个帖子都在一个单独的文章元素中。此外，如果您打算引用文章的几句话(而不是提供摘要)，您甚至可以使用blockquote元素，例如the example of a forum post显示用户正在@L_874_34@的原始帖子。
2)如果您想知道是否允许在li元素中包含文章元素，只需将其提供给验证器即可。正如你所看到的，允许这样做。而且，正如Working Draft所说：
3)我不会为这些类别使用导航元素，因为这些链接不是页面主导航的一部分：
4)不要使用细节和/或概要元素，因为它们作为interactive elements的一部分使用，不适用于简单文档。
更新：关于如果使用(un)有序列表来呈现搜索结果是个好主意：
作为搜索结果的列表实际上是一个列表，我认为这是适当的元素使用;然而，在我看来，顺序很重要(我希望最好的匹配结果在列表的顶部)，我认为你应该使用有序列表(ol)：
使用CSS可以简单地隐藏数字。
编辑：哎呀，我只是意识到你已经使用了一个(由于我的脾气，我以为你使用了一个ul)。我会离开我的’更新’原样;毕竟，这可能对某人有用。
以上是大佬教程为你收集整理的用HTML5语义标记搜索结果列表全部内容，希望文章能够帮你解决用HTML5语义标记搜索结果列表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。