HTML5标签主要正确使用？

Question

请帮助我使用HTML5标记main。这个例子在语义上是否正确使用？

  <main role="main">

        <article role="article">
            <h1>Heading 1</h1>
            <p>Text text text</p>
        </article>

        <aside role="complementary">
             <div class="box"></div>
             <div class="box"></div>
        </aside>

  </main>

---

好的，谢谢，这次考试是正确的吗？

<div class="main">

    <article role="article">
        <h1>Heading 1</h1>
        <p>Text text text</p>
    </article>

    <aside role="complementary">
         <div class="box"></div>
         <div class="box"></div>
    </aside>
</div>

Answer 1

<main>标记指定文档的主要内容。

元素内的内容应该是文档的唯一内容。它不应包含在侧边栏，导航链接，版权信息，站点徽标和搜索表单等文档中重复的任何内容。 来源http://www.w3schools.com/tags/tag_main.asp

在您的示例中，主标记包含在内，它不正确。