HTML5新语义元素_部分

 

 

1.<header><!--通常是section的头部信息，如h1-h6或hgroup，但这不是必须的同时也可以包含列表，搜索框，logo-->   

　　　<h1>hello world!</h1>   

　　　<p>hello world!</p>  

　</header>

 

2. <footer><!--定义元素文档或章节的末尾部分 可以插入如nav ul div p等等元素-->  

　　　 <p>版权信息 | 版权内容</p>   

　　　<p>版权信息 | 版权内容</p>  

   </footer>

3. <nav><!--用于来构建导航，显示导航链接。nav标签的主要作用是放入一些当前页面的主要导航链接-->   

    　　<ul>    

    　　　　<li><a href="#">首页</a></li>    

   　　　　<li><a href="#">首页</a></li>    

  　　　　 <li><a href="#">首页</a></li>    

   　　　　<li><a href="#">首页</a></li>    

   　　　   <li><a href="#">首页</a></li>   

   　　</ul>  

   </nav>

 4.<aside>   定义一个页面的区域，用来表示包含和页面相关的主要内容，其作用主要装载非正文的内容，如广告条，侧边栏  </aside>

 5. <article><!--表示文档，页面，用来显示独立的文章内容。article是可以互相嵌套的-->   

　  　　<header><!--文章头部信息-->    

　　     　　<h1>hello world!</h1>   

　　    </header>   

　　　<p>hell hell hello</p><!--文章内容-->   

　　  <footer><!--文章标签信息-->    

        　　<nav>     

             　　<ul>      

                   　　<li>111111</li>      

                        <li>222222</li>     

                  </ul>    

             </nav>   

        </footer>  

   </aricle>

 

 6.<article>   

　 　　<section><!--文档中的节-->    

         　　<h1></h1>    

    　　　  <p></p>   

   　　</section>   

   　　<section>    

   　　　　<h1></h1>    

   　　　　<p></p>   

   　　</section>  

    </article>

 7. <header>   

     　　<hgroup><!--网页或区段的标题元素组合-->    

　　　　　　<h1>11111111</h1>    

　　　　　　<p>2222222222</p>   

   　　  </hgroup>