在學(xué)習(xí)網(wǎng)頁(yè)布局的過(guò)程中，你可能會(huì)遇到DIV的使用問(wèn)題，這里和大家分享一下DIV的適用場(chǎng)合，相信本文介紹一定會(huì)讓你有所收獲。

什么時(shí)候應(yīng)該用DIV?

　　雖然在這方面沒(méi)有什么硬性的規(guī)定,但個(gè)人認(rèn)為DIV更適用于大體框架的定位。例如我們要定義一塊頭部的區(qū)域,一般會(huì)這樣定義一個(gè)DIV:

　　這里就是頭部框架里要寫的內(nèi)容

　　當(dāng)然,可以用class來(lái)定義,但一般來(lái)講如不是在同一頁(yè)面會(huì)重復(fù)的元素,用id能更好的區(qū)別開(kāi)來(lái).

　　查看如下定義代碼
　　

<ulidulid="navbar"> 
　　<liidliid="articles"> 
　　Articles</li> 
　　<liidliid="topics"> 
　　Topics</li> 
　　<liidliid="about"> 
　　About</li> 
　　<liidliid="contact"> 
　　Contact</li> 
　　<liidliid="contribute"> 
　　Contribute</li> 
　　<liidliid="feed"> 
　　Feed</li> 
　　</ul> 
　　<h1idh1id="masthead"> 
　　<ahrefahref="/"> 
　　<imgsrcimgsrc="/pix/alalogo.gif"alt="ALISTApart:ForPeopleWhoMakeWebsites"/> 
　　</h1> 

　　No.214
　　定義了最上面的導(dǎo)航(ul部分),左邊的大logo和那個(gè)圓圓的No.xxxx的標(biāo)記.
　　他沒(méi)有使用DIV來(lái)做頂部的框架,但卻很好的說(shuō)明了這些代碼的用途,為什么?因?yàn)樗钣昧薍TML提供的標(biāo)簽,以及樣式名稱的定義
　　
其它最常用的布局標(biāo)簽

　　h1
　　這個(gè)標(biāo)簽或許真正會(huì)去用的人很少,因?yàn)樗@示的字體真的是太"大"了,但我們是CSSer,有什么標(biāo)簽樣式不能改呢?而且它所能表達(dá)的意思就如同它原先的作用一樣明顯(大標(biāo)題)我想你已經(jīng)知道怎么去用它了^_^

　　ul
　　這個(gè)標(biāo)簽很多情況是用來(lái)定義導(dǎo)航部分的,當(dāng)然也可以用ol來(lái)代替,但導(dǎo)航連接沒(méi)有什么順序之分吧,所以還是用ul來(lái)的比較確切(去掉CSS后效果更明顯)

　　b
　　這個(gè)已經(jīng)不再推薦使用的標(biāo)簽,在布局上卻能帶來(lái)不少的方便(因?yàn)槎?,雖然我不是太贊成使用這個(gè)標(biāo)簽,但有些時(shí)候(比如細(xì)小地方的布局定義)還是不錯(cuò)的選擇

　　h2
　　h2使用最多的地方應(yīng)該不是布局上,而是副標(biāo)題,但有些地方需要定義欄目樣式的話,用這個(gè)標(biāo)簽比較合適,欄目?jī)?nèi)容就使用p
 

【編輯推薦】

1. DIV+CSS網(wǎng)頁(yè)重構(gòu)概念詳解
2. 解析DIV絕對(duì)定位和相對(duì)定位
3. 深入剖析DIV概念和用法
4. Div+CSS布局入門之寫入整體層結(jié)構(gòu)與CSS
5. DIV+CSS開(kāi)發(fā)過(guò)程中影響SEO的制作細(xì)節(jié)