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