總結
div section article ,語義是從無到有,逐漸增強的。div 無任何語義,僅僅用作樣式化或者腳本化的鉤子(hook),對于一段主題性的內(nèi)容,則就適用 section,而假如這段內(nèi)容可以脫離上下文,作為完整的獨立存在的一段內(nèi)容,則就適用 article。原則上來說,能使用 article 的時候,也是可以使用 section 的,但是實際上,假如使用 article 更合適,那么就不要使用 section 。nav 和 aside 的使用也是如此,這兩個標簽也是特殊的 section,在使用 nav 和 aside 更合適的情況下,也不要使用 section 了。
對于 div 和 section、 article 以及其他標簽的區(qū)分比較簡單。對于 section 和 article 的區(qū)分乍看比較難,其實重點就是看看這段內(nèi)容脫離了整體是不是還能作為一個完整的、獨立的內(nèi)容而存在,這里面的重點又在完整身上。因為其實說起來 section 包含的內(nèi)容也能算作獨立的一塊,但是它只能算是組成整體的一部分,article 才是一個完整的整體。
因為其實有些時候每個人都有自己的看法,所以難免有難于決斷的時候,怎么辦?
在 HTML5 設計原理 中,有一條是專門用來解決類似情況的:
最終用戶優(yōu)先(Priority of Constituencies)
“In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.” 一旦遇到?jīng)_突,最終用戶優(yōu)先,其次是作者,其次是實現(xiàn)者,其次標準制定者,最后才是理論上的完滿。
推薦各位多讀幾遍 HTML5 設計原理,這才是紛繁世界背后的最終奧義。
原文:http://www.qianduan.net/html5-differences-in-the-div-section-article.html
本文鏈接:http://m.95time.cn/tech/web/2011/8306.asp
出處:前端觀察
責任編輯:moby
上一頁 div section article 的區(qū)別 [3] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|