article元素
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。
他可以是一篇博客或者报刊中的文章，一篇轮胎帖子、一段用户评论或独立的插件，或其他任何独立的插件，或其他任何独立的内容。
article元素是可以嵌套使用的。
article元素可以用来表示插件。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>article元素</title> </head> <body> <article> <header> <h1>peace</h1> <p>hello,hello</p> </header> <p>hi,guy!</p> <article> <header>作者</header> <p>评论</p> <footer>time</footer> </article> <footer> <p>这是底部</p> </footer> </article> <article> <h1>这是一个内嵌页面</h1> <object> <embed src="#" width="600" height="400"> </object> </article> </body> </html>
section元素
section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。
但section元素并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。
段落，章节，特点是强调分段分块
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>section元素</title> </head> <body> <section> <h1>苹果</h1> <p>这是一个水果，可以吃。很好吃</p> </section> <article> <h1>水果</h1> <section> <h2>红富士</h2> <p>这是一个很红的苹果，很棒。</p> </section> <section> <h2>香蕉</h2> <p>这是一个香蕉。</p> </section> </article> <section> <h1>水果</h1> <article> <h2>红富士</h2> <p>内容</p> </article> <article> <h2>香蕉</h2> <p>内容</p> </article> </section> </body> </html>