码迷,mamicode.com
首页 > Web开发 > 详细

html5新增的结构元素

时间:2016-06-07 22:06:00      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
         <!--新增的主体结构元素:article:一段独立的完整的内容-->    
         <article>
             <header>
                 <h1>苹果</h1>
                 <p>发表日期:<time pubdate="pubdate">2016/02/12</time></p>
             </header>
             <p><b>苹果</b>,植物类水果,多次花果...(文章正文)</p>
             <footer>
                 <p><small>著作版权***公司所有.</small></p>
             </footer>
         </article>
         <hr />
         <!--section元素:对页面上的内容进行分块-->
          <article>
             <header>
                 <h1>苹果</h1>
                 <p>发表日期:<time pubdate="pubdate">2016/02/12</time></p>
             </header>
             <p><b>苹果</b>,植物类水果,多次花果...</p> 
             <section>
                 <h2>红富士</h2>
                 <p>红富士是从普通富士的芽中选育出的...</p>
             </section>
             <section>
                 <h2>国光</h2>
                 <p>国光苹果品,又名小国光,原产美国....</p>
             </section>
         </article>
         <hr/>
    </body>
</html>

 

html5新增的结构元素

标签:

原文地址:http://www.cnblogs.com/qinyi173/p/5568424.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!