日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
DIV適用場(chǎng)合及其他常用布局標(biāo)簽

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

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),普寧企業(yè)網(wǎng)站建設(shè),普寧品牌網(wǎng)站建設(shè),網(wǎng)站定制,普寧網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,普寧網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

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

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

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

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

  查看如下定義代碼
  

 
 
 
  1.  
  2.    
  3.   Articles
  4.  
  5.    
  6.   Topics
  7.  
  8.    
  9.   About
  10.  
  11.    
  12.   Contact
  13.  
  14.    
  15.   Contribute
  16.  
  17.    
  18.   Feed
  19.  
  20.    
  21.    
  22.    
  23.    
  24.    

  No.214
  定義了最上面的導(dǎo)航(ul部分),左邊的大logo和那個(gè)圓圓的No.xxxx的標(biāo)記.
  他沒有使用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)航連接沒有什么順序之分吧,所以還是用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


分享題目:DIV適用場(chǎng)合及其他常用布局標(biāo)簽
文章出自:http://www.dlmjj.cn/article/codhgci.html