zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    (原创) mac 10.9.2 eclipse 的 CDT 的 异常的修复
    (转) Virtual function
    (转) ROS NAMING AND NAMESPACES
    (转) Data structures
    (转) Dynamic memory
    java string类
    eclipse 的快捷键
    java抽象类和接口
    面向对象的三大特征
    Java 中的多态
  • 原文地址:https://www.cnblogs.com/qdmaomao/p/4480737.html
Copyright © 2011-2022 走看看