html - 我应该如何用html5写一个 "archive page"或 "category index"?

标签 html seo

我有一个链接列表,其中每个项目都与简短描述和一些元信息(如发布日期、作者等)相关联。 我应该如何在 html5 中标记它?

<ul>
    <li>
        <section>    .... OR ARTICLE?
           <header>
               <h1>title</h1>
               pubdate, author, etc
           </header>
           shortdesc
        </section>
    </li>
    .... repeat
</ul>

您认为使用版 block /文章是个好主意吗?

或者是普通的<li>好点了吗?

文章或章节?

重要说明:每个项目都不包含完整内容(文章),仅包含简短描述和指向实际包含该文章的页面的链接。

我也对 SEO 的观点感兴趣!

最佳答案

我建议在这里使用 article,因为每个项目都是独立的实体并且可以联合(例如在 RSS 提要中)。我刚才写了一些关于这个的文章:HTML5: Section or Article? .

您实际上也不需要在这里使用列表,因为每个 article 都可以被视为一个列表项。

我还建议使用 time 元素来包含每个条目的发布日期。

至于 SEO,我的建议很好,您发布的示例代码也是如此。

关于html - 我应该如何用html5写一个 "archive page"或 "category index"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10290520/

相关文章:

asp.net-mvc - 带有 "-"的 SEO 友好 URL

angular 2 location.go vs window.location.href

seo - Bing - 忽略子域?

javascript - 强制对每个复选框/下拉列表更改进行 POST

html - CSS 不适用于响应式网站

html - 使用 CSS 均匀分布高度

html - 如何在style标签中提供webp、jp2等图片格式?

angularjs - 如何从angularjs网站的url中隐藏id

html - 使用 CSS3 变换后的溢出行为

html - 使用 CSS 使两个背景图像与 div 一起响应