2015-04-08 59 views
1

请帮我使用HTML5标记main。这个例子在语义上是正确的吗?HTML5标签主要正确使用?

<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> 

好,谢谢,这是examle正确?

<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> 

回答

-1

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

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

在您的示例主标签包含一边,它不正确。

+2

为什么一个主元素不能包含一个抛物面元素?另外前两个段落是从http://www.w3schools.com/tags/tag_main.asp – BoltClock

+0

剽窃的标记,使用像侧栏等块,主标签不应该内容侧边栏。 – styopdev

+0

虽然主要元素应该不包含侧边栏,但并非所有旁边都是侧边栏。角色=“互补”似乎表明,这一边其实是一个边栏,但这是由于角色属性,而不是它是一个旁边元素。 – BoltClock