0

I have a FAQ page which lists the FAQ topics. It looks something like this:

Page heading

page intro

Heading (as a link - ahref) to FAQ topic 1 below
FAQ topic 1 intro text

Heading (as a link - href) to FAQ topic 2 below
FAQ topic 2 intro text

Heading (as a link - href) to FAQ topic 3 below
FAQ topic 3 intro text

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

I wish to use HTML5 to markup this in the most semantic correct way.

Currently I am considering putting it this way:

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

What do you guys think about this markup for the specified scenario? What alternative way could I have resolved this?

Thanks for any input.

4

1 回答 1

0

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

编辑：我还将包含此 SO 帖子，其中包含典型页面标记的一个很好的示例。

于 2013-10-09T21:45:53.770 回答