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

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),普寧企業(yè)網(wǎng)站建設(shè),普寧品牌網(wǎng)站建設(shè),網(wǎng)站定制,普寧網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,普寧網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
什么時候應(yīng)該用DIV?
雖然在這方面沒有什么硬性的規(guī)定,但個人認(rèn)為DIV更適用于大體框架的定位。例如我們要定義一塊頭部的區(qū)域,一般會這樣定義一個DIV:
這里就是頭部框架里要寫的內(nèi)容
當(dāng)然,可以用class來定義,但一般來講如不是在同一頁面會重復(fù)的元素,用id能更好的區(qū)別開來.
查看如下定義代碼
- Articles
- Topics
- About
- Contact
- Contribute
- Feed
No.214
定義了最上面的導(dǎo)航(ul部分),左邊的大logo和那個圓圓的No.xxxx的標(biāo)記.
他沒有使用DIV來做頂部的框架,但卻很好的說明了這些代碼的用途,為什么?因為他活用了HTML提供的標(biāo)簽,以及樣式名稱的定義
其它最常用的布局標(biāo)簽
h1
這個標(biāo)簽或許真正會去用的人很少,因為它顯示的字體真的是太"大"了,但我們是CSSer,有什么標(biāo)簽樣式不能改呢?而且它所能表達的意思就如同它原先的作用一樣明顯(大標(biāo)題)我想你已經(jīng)知道怎么去用它了^_^
ul
這個標(biāo)簽很多情況是用來定義導(dǎo)航部分的,當(dāng)然也可以用ol來代替,但導(dǎo)航連接沒有什么順序之分吧,所以還是用ul來的比較確切(去掉CSS后效果更明顯)
b
這個已經(jīng)不再推薦使用的標(biāo)簽,在布局上卻能帶來不少的方便(因為短),雖然我不是太贊成使用這個標(biāo)簽,但有些時候(比如細小地方的布局定義)還是不錯的選擇
h2
h2使用最多的地方應(yīng)該不是布局上,而是副標(biāo)題,但有些地方需要定義欄目樣式的話,用這個標(biāo)簽比較合適,欄目內(nèi)容就使用p
分享名稱:DIV適用場合及其他常用布局標(biāo)簽
文章網(wǎng)址:http://m.fisionsoft.com.cn/article/codhgci.html


咨詢
建站咨詢
