html - 在 HTML5 中标记 "BBC pattern"

Question

我正在查看 BBC 网站，并按照类似的总体模式将一些东西放在一起，并确定如何适本地标记它，这让我有些困惑。

BBC 由几个本身可以被视为网站的网站组成:

• http://www.bbc.co.uk
• http://www.bbc.co.uk/comedy/
• http://www.bbc.co.uk/news/
• www.bbc.co.uk/[a-lot-more-stuff]

(这些都可以是子域 - 实际上，我就是这种情况 - 但 URL 并不重要)

其中每一个本质上都是独立的，有自己的内容、菜单和外观。然而，所有这些都通过使用(略有变化但主要是)静态标题栏捆绑在一起。这包含标题“BBC”以及指向所有不同子站点的链接。

那么问题来了，这个应该怎么标注。我看到几个不同的选项:

1. 主要的 BBC header 是网站的主要 <header>和 <nav> .这在某种程度上是正确的，因为它是正确的，但它最终基本上不再强调子站点实际内容的重要性。归根结底(使用上面的示例)，标题“喜剧”和相关菜单是页面的主要内容，而不是 BBC 栏。

2. 将子站点的标题和导航设为在 <header> 中标记的内容和 <nav> .这感觉好多了，但随之而来的问题是现在的 BBC 酒吧是什么？一个选项是使用 <aside> , 然后包含它自己的 <header>和 <nav> .据我所知，这对 header 来说很好，但有另一个 <nav>元素还是很奇怪。比上述更好的选择？

3. 与第 1 条相同(BBC 栏有主要的 <header> 和 <nav> )，但将页面的其余部分标记在 <article> 中元素。规范表明 article 元素将用于本身有意义的项目，这里就是这种情况。拥有自己的 <header> 也是有意义的(和 <nav> ？这是不是有点过分了？)但这似乎是在扩展“文章”的定义，而不是其字典定义所允许的范围。

对我来说，考虑了一些并在 Twitter 上来回提出了一些想法后，数字 2 似乎是这些选项中最好的。然而，本质上将 <aside> 的内容放在一起的想法作为页面上的顶部元素(在视觉上和标记中，因为它似乎以这种方式最合乎逻辑)不太适合我。

我是否忽略了一个明显的解决方案，或者这是一个足够常见的模式，它确实让自己变得像看起来一样困难？当然，我不会是唯一对此感到困惑的人吧？

感谢您的任何想法。

Answer 1

正如您所指出的，主标题应该标记在 <header> 中和 <nav> .

然后我会在 <article> 中标记每个额外的页面内容包含它自己的 <header>和 <nav> .忽略文章的字典定义，它在这里并不适用。多一个就好了 <nav>页面上的元素，只要其内容在站点内导航，这就有意义。

将顶部标题放在 <aside> 中对我来说似乎也不正确，因为内容不是独立的。

只是我对这个主题的看法!