2013-02-02 35 views
1

我一直在阅读了关于新的HTML5元素和它们的适当使用,目前有一些类似这样的标记:嵌套<article> s在语义上是否正确?

<article> 
     <h1>Crazy Awesome Programming Projects</h1> 
     <article> 
      <h2>Mathematics</h2> 

      <section> 
       <h3>Binary to Decimal converter</h3> 
       <p> info here </p> 
      </section> 

      <section> 
       <h3>Scientific Calculator</h3> 
       <p> info here </p> 
      </section> 

     </article> 

     <article> 
      <h2>String Manipulation</h2> 

      <section> 
       <h3>RSS Feed Generator</h3> 
       <p> info here </p> 
      </section> 

      <section> 
       <h3>Palindrome Detector</h3> 
       <p> info here </p> 
      </section> 
     </article> 
    </article> 

它是语义正确的窝<article>标签以这样的方式? 在此先感谢

回答

5

有些情况下嵌套article元素是正确的;最突出的例子是对博客文章的评论。

但是我不认为你的例子就是这种情况(虽然没有看到完整的内容很难做出决定)。

我会做到这一点正好反过来:

<section> <!-- probably not article --> 
    <h1>Crazy Awesome Programming Projects</h1> 

    <section> <!-- not article --> 
     <h2>Mathematics</h2> 

     <article> <!-- not section --> 
      <h3>Binary to Decimal converter</h3> 
      <p> info here </p> 
     </article> 

     <article> <!-- not section --> 
      <h3>Scientific Calculator</h3> 
      <p> info here </p> 
     </article> 

    </section> 

    <section> <!-- not article --> 
     <h2>String Manipulation</h2> 

     <article> <!-- not section --> 
      <h3>RSS Feed Generator</h3> 
      <p> info here </p> 
     </article> 

     <article> <!-- not section --> 
      <h3>Palindrome Detector</h3> 
      <p> info here </p> 
     </article> 
    </section> 
</section> 

“二进制到十进制的转换”,“科学计算器”,“RSS订阅生成器”和“回文探测器”的文章在这里。它们是“一个独立的组成部分”,“原则上,可独立分配或可重复使用,例如联合组织”。

“数学”和“字符串操作”是类别。

在结构上它类似于网上商店。 “回文检测器”将是可购买的产品,而“字符串操作”将是产品类别。我想你不会认为产品类别是“独立的”。

对于容器(“Crazy Awesome Programming Projects”),只有在有更多内容给出上下文的情况下,才会使用article。否则,它只是一个顶级类别,包含包含“真实”内容的子类别。

好问题要问article是否合适:

  • 可以内容有自己的发布日期?
  • 可能内容与页面有不同的作者?
  • 可能该内容是饲料中的单独条目吗?
  • 如果内容没有任何其他内容/上下文打印出来,内容仍然有意义?

如果(某些)这些问题的答案都是'是',article可能是正确的。

4

是的,根据HTML5 spec。这是关于嵌套article元素的说法:

当文章元素嵌套时,内部文章元素表示原则上与外部文章内容相关的文章。例如,接受用户提交的评论的网站上的博客条目可以将评论表示为嵌套在博客条目的文章元素中的文章元素。

+0

啊,谢谢Marc Baumbach的快速回复!我现在感觉有点傻,完全错过了文档中的那篇文章。我需要更彻底地阅读文档.. –

+1

也许有兴趣:这里目前是[公共HTML工作组邮件列表上的活动主题](http://lists.w3.org/Archives/Public/public- html/2013Jan/0109.html)讨论这个。 – steveax

+0

另一个适当的例子是博客文章(外文章)和食谱(内文)。 – Josh

相关问题