HTML5 定义主要区域

    ■知识点

    main表示主要区域，用来标识网页中的主要内容。main内容对于文档来说应当是唯一的，它不应包含在网页中重复出现的内容，如侧边栏、导航栏、版权信息、站点标志或搜索表单等。

    简单地说，在一个页面中，不能出现一个以上的main元素。main元素不能被放在article> aside、footer、header或nav中。由于main元素不对页面内容进行分区或分块，所以不会对网页大纲产生影响。

    ■实例设计

    下面页面是一个完整的主体结构。main元素包围着代表页面主题的内容。

    <header role="banner">

    <nav role="navigation"> [包含多个链接的ul] </nav>

    </header>

    <main role="main">

    <article>

    <hl id="gaudi">主要标题</hl>

    <p> [页面主要区域的其他内容]

    </article>

    </main>

    <aside role="complementary">

    <hl>侧边标题</h1>

    <p>[附注栏的其他内容]

    </aside>

    <footer role="info">[版权]</footer〉