文章列表页面的HTML标记

Question

我有一个FAQ页面，其中列出了FAQ主题。它看起来像这样：

---

页面标题

页面介绍

标题（作为链接 - ahref）到下面的FAQ主题1 常见问题主题1介绍文字

标题（作为链接 - href）到下面的FAQ主题2 常见问题解答主题2介绍文字

标题（作为链接 - href）到下面的FAQ主题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 end

section end

你们对指定方案的标记有什么看法？我可以用哪种替代方法解决这个问题？

感谢您的任何意见。

Answer 1

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

编辑：我还会包含this SO post，其中包含典型网页标记的一个很好的示例。