在這里我還是要推薦下我自己建的web前端開發(fā)學(xué)習(xí)群：731669587，群里都是學(xué)web前端開發(fā)的，如果你正在學(xué)習(xí)前端 ，小編歡迎你加入，今天分享的這個案例已經(jīng)上傳到群文件，大家都是軟件開發(fā)黨，不定期分享干貨（只有前端軟件開發(fā)相關(guān)的），包括我自己整理的一份2018最新的前端進(jìn)階資料和高級開發(fā)教程，歡迎進(jìn)階中和進(jìn)想深入前端的小伙伴。

HTML5

是用于對網(wǎng)站或應(yīng)用程序頁面的內(nèi)容進(jìn)行分區(qū)，在html4中，我們一般用

來實現(xiàn)，現(xiàn)在HTML5中我們可以專門來進(jìn)行分區(qū)塊。通常由內(nèi)容和標(biāo)題組成，雖然

也可以分區(qū)塊，但是并非是一個簡單的容器元素，當(dāng)然一個容器元素需要被定義樣式或者腳本定義行為的時候，推薦使用

。

是關(guān)注結(jié)構(gòu)的獨立性，而是關(guān)注內(nèi)容的獨立性。

包含的內(nèi)容可以單獨存儲到數(shù)據(jù)庫中或者傳輸?shù)絯ord文檔中，可以看一下示例：

效果：

示例

3.雖然現(xiàn)在看來跟

沒什么區(qū)別，但在語義上有所不同，跟類似都是表示區(qū)塊的分割，他們的功能跟

類似，都是分割不同的區(qū)域，使用方法也比較相似，實際上區(qū)別還是很大的，在使用上還需斟酌

代表文檔，頁面或應(yīng)用程序中獨立的，完整的，可以被外部引用的內(nèi)容。比如博客一篇文章，論壇的帖子，一個評論，所以一般包含 等。

用于對網(wǎng)站或應(yīng)用程序中頁面內(nèi)容進(jìn)行分塊，一個通常由內(nèi)容，標(biāo)題組成，一般不用包含 ，通常用于給有標(biāo)題的元素進(jìn)行分段，作用就是對頁面內(nèi)容進(jìn)行分塊處理，比如文章分段（段落），相鄰的應(yīng)該是關(guān)聯(lián)的，而不像是獨立的，我們可以看一下示例：

示例

從以上示例中，我們可以看到更強(qiáng)調(diào)獨立性，強(qiáng)調(diào)關(guān)聯(lián)性，當(dāng)然在網(wǎng)頁的布局，我們也不是處處都是用這兩個標(biāo)簽。當(dāng)不關(guān)注這個獨立性，完整性的時候，我們使用

。由此我們可以再看一下這個示例：

用法示例

還有示例：

用法示例

看了這些，大家應(yīng)該對,在使用上有大概的認(rèn)識，希望對大家使用有幫助，在這里感謝我的60個粉絲的支持。一般不一一點名了。