HTML5 中的主要元素和文章元素有何不同?

How do main and article elements differ in HTML5?

我的理解是,它们都对内容进行分组,<article> 适合可以联合的内容,<main> 适合文档独有的内容。对我来说,它们听起来是一样的。

<main><article> 元素有何不同?

根据这篇文章:http://html5doctor.com/the-main-element/

有两个主要区别:

  1. <main> 每个文档只能使用一次 (DOM)
  2. <main> 不能是 <article><aside><footer><header><nav> 元素的后代

这意味着 <article> 可以是 <main> 的子元素(但反之则不行)

语义上,这意味着在一个文档(页面)中,您将遇到页面内容的 main 部分,其中(希望)有 1+ article(s)。换句话说,就是这个页面的主要文章。

您还可以找到 1+ <aside> 个包含 1+ article(s) 个部分。考虑页面上其他感兴趣的文章(但这不是页面的主要内容)