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

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