在這里我還是要推薦下我自己建的web前端開發(fā)學習群:731669587裆针,群里都是學web前端開發(fā)的刨摩,如果你正在學習前端 ,小編歡迎你加入世吨,今天分享的這個案例已經(jīng)上傳到群文件澡刹,大家都是軟件開發(fā)黨,不定期分享干貨(只有前端軟件開發(fā)相關的)耘婚,包括我自己整理的一份2018最新的前端進階資料和高級開發(fā)教程罢浇,歡迎進階中和進想深入前端的小伙伴。
HTML5
是用于對網(wǎng)站或應用程序頁面的內(nèi)容進行分區(qū)沐祷,在html4中嚷闭,我們一般用
來實現(xiàn),現(xiàn)在HTML5中我們可以專門來進行分區(qū)塊赖临。通常由內(nèi)容和標題組成胞锰,雖然
也可以分區(qū)塊,但是并非是一個簡單的容器元素兢榨,當然一個容器元素需要被定義樣式或者腳本定義行為的時候嗅榕,推薦使用
。
是關注結構的獨立性吵聪,而是關注內(nèi)容的獨立性凌那。
包含的內(nèi)容可以單獨存儲到數(shù)據(jù)庫中或者傳輸?shù)絯ord文檔中,可以看一下示例:
效果:
示例
3.雖然現(xiàn)在看來跟
沒什么區(qū)別暖璧,但在語義上有所不同,跟類似都是表示區(qū)塊的分割君旦,他們的功能跟
類似澎办,都是分割不同的區(qū)域嘲碱,使用方法也比較相似,實際上區(qū)別還是很大的局蚀,在使用上還需斟酌
代表文檔麦锯,頁面或應用程序中獨立的,完整的琅绅,可以被外部引用的內(nèi)容扶欣。比如博客一篇文章,論壇的帖子千扶,一個評論料祠,所以一般包含 等。
用于對網(wǎng)站或應用程序中頁面內(nèi)容進行分塊澎羞,一個通常由內(nèi)容髓绽,標題組成,一般不用包含 妆绞,通常用于給有標題的元素進行分段顺呕,作用就是對頁面內(nèi)容進行分塊處理,比如文章分段(段落)括饶,相鄰的應該是關聯(lián)的株茶,而不像是獨立的,我們可以看一下示例:
示例
從以上示例中图焰,我們可以看到更強調(diào)獨立性启盛,強調(diào)關聯(lián)性,當然在網(wǎng)頁的布局楞泼,我們也不是處處都是用這兩個標簽驰徊。當不關注這個獨立性,完整性的時候堕阔,我們使用
棍厂。由此我們可以再看一下這個示例:
用法示例
還有示例:
用法示例
看了這些,大家應該對,在使用上有大概的認識,希望對大家使用有幫助猛蔽,在這里感謝我的60個粉絲的支持腕侄。一般不一一點名了。