本文關(guān)鍵詞：HTML5與CSS3基礎(chǔ)教程，由筆耕文化傳播整理發(fā)布。

摘要：一般的，section定義成“通用的”區(qū)塊，但不要將它與div元素混淆。從語義上講，section標(biāo)記的是頁面中的特定區(qū)域，而div則不傳達(dá)任何語義。

作者：圖靈教育來源：《HTML5與CSS3基礎(chǔ)教程》（第八版）

第三章全部章節(jié)：

第一節(jié)： “基本HTML結(jié)構(gòu) 開始編寫網(wǎng)頁”

第二節(jié)：創(chuàng)建頁面標(biāo)題

第三節(jié)：創(chuàng)建分級標(biāo)題

第四、五節(jié)： 普通頁面構(gòu)成和創(chuàng)建頁眉

第六節(jié)： 標(biāo)記導(dǎo)航 通過nav指向任意頁面內(nèi)容

第七節(jié)：標(biāo)記頁面主要區(qū)域

第八節(jié)： 標(biāo)題在不同瀏覽器中顯示相同大�。▌�(chuàng)建文章）

第九節(jié)： 用section定義區(qū)塊 它與div不同

第十節(jié)： 用aside表示網(wǎng)頁獨(dú)立內(nèi)容(指定附注欄)

第十一節(jié)： 通過footer在任何位置創(chuàng)建頁腳

有時需要在一段內(nèi)容外圍包一個容器，從而可以為其應(yīng)用CSS樣式或JavaScript效果。如果沒有這個容器，頁面就會不一樣（參見圖3.12.1）。在評估內(nèi)容的時候，考慮使用article、section、aside、nav等元素，卻發(fā)現(xiàn)它們從語義上講都不合適。

這時，你真正需要的是一個通用容器，一個完全沒有任何語義含義的容器。這個容器就是div（來自division一詞）元素，如圖3.12.2所示。有了div，就可以為其添加樣式（參見圖3.12.3）或JavaScript效果了。一定要閱讀補(bǔ)充材料“有關(guān)div的一些歷史以及何時在HTML5中使用它”，了解什么時候可以在頁面中使用div。

圖3.12.1

在不使用div元素的情況下，我們實(shí)現(xiàn)了這個設(shè)計。不過，為頁面內(nèi)容加上div（參見圖3.12.2）以后，我們有了一個可以添加更多樣式的通用容器（效果如圖3.12.3所示）

圖3.12.2

現(xiàn)在有一個div包著所有的內(nèi)容。頁面的語義沒有發(fā)生改變，但現(xiàn)在我們有了一個可以用CSS添加樣式的通用容器（圖3.12.3）

圖3.12.3

div元素自身沒有任何默認(rèn)樣式，只是其包含的內(nèi)容從新的一行開始（圖3.12.4）。不過，我們可以對div添加樣式以實(shí)現(xiàn)自己的設(shè)計。這里，我對div添加了淺的背景色和陰影，這樣我就可以將body元素的背景改為漸變的紅色，使內(nèi)容凸顯出來。要查看實(shí)現(xiàn)這個頁面的HTML和CSS，，可以訪問

創(chuàng)建通用容器的步驟

(1) 輸入

  本文關(guān)鍵詞：HTML5與CSS3基礎(chǔ)教程，由筆耕文化傳播整理發(fā)布。