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>

原文地址:https://www.cnblogs.com/qdmaomao/p/4480737.html