css - 文章列表页面的 HTML 标记

Question

我有一个常见问题解答页面，其中列出了常见问题解答主题。它看起来像这样:

---

页面标题

页面介绍

标题(作为链接 - ahref)到下面的常见问题解答主题 1
常见问题解答主题 1 介绍文本

标题(作为链接 - href)到下面的常见问题解答主题 2
常见问题解答主题 2 介绍文本

标题(作为链接 - href)到下面的常见问题解答主题 3
常见问题解答主题 3 介绍文本

......................
...............

---

我希望使用 HTML5 以最语义正确的方式对其进行标记。

目前我正在考虑这样写:

section   header      h1 - page header       p - page intro   header end   div      article         h1 a - FAQ topic 1 heading (as a link)         p - FAQ topic 1 text      article end      article         h1 a - FAQ topic 2 heading (as a link)         p - FAQ topic 2 text      article end      article         h1 a - FAQ topic 3 heading (as a link)         p - FAQ topic 3 text      article end       ...........      ...........   div endsection end

你们如何看待针对特定场景的此标记？我可以用什么替代方法解决这个问题？

感谢任何输入。

Answer 1

我想你会找到this page很有用，因为它列出了许多情况以及如何正确概述页面内容。在您的情况下，我看不到您的标记有任何重要的语义问题。

编辑:我还将包括 this SO post其中包括典型页面标记的一个很好的示例。