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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
CSS代碼結(jié)構(gòu)div和span初探

你對CSS代碼結(jié)構(gòu)div和span的使用是否熟悉,我們在使用CSS規(guī)劃網(wǎng)頁結(jié)構(gòu)時通常會用到div,div是有語意的,它不象h1或ul等那些標簽的語意那么明確而已,div的語意是division,英文的意思是區(qū)分、分開、部分。即用它來分割文檔的不當部分。

創(chuàng)新互聯(lián)從2013年開始,先為賀蘭等服務建站,賀蘭等地企業(yè),進行企業(yè)商務咨詢服務。為賀蘭企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

CSS代碼結(jié)構(gòu)div和span初探

我們在規(guī)劃網(wǎng)頁的結(jié)構(gòu)時通常會用到div。我們正常都認為div是一個沒有語意的標簽,它的作用是用來分割文檔的不同區(qū)域。但我們也發(fā)現(xiàn),有些人認為div是有語意的。只不過它不象h1或ul等那些標簽的語意那么明確而已,div的語意是division,英文的意思是區(qū)分、分開、部分。即用它來分割文檔的不當部分。我們在正常編碼中,會給div分配一個id名稱,這樣也使得文檔具有了結(jié)構(gòu)的意義,例如:id="main"、id="sider"等等。關(guān)于id的知識我們在前面的文章《如何為id及class類命名?》http://www.52css.com/article.asp?id=403中已經(jīng)討論過了,希望大家都能掌握相關(guān)知識。

◆我們試圖將文檔的標注標簽盡量的減化。只有在不得已,實在沒有可用的HTML元素進行分割的時候我們再使用div的方式。這是一種簡潔的方式,但有些人也認為這樣使得文檔的結(jié)構(gòu)化出現(xiàn)障礙,主張需要div進行分割。我們看下面的例子:

ExampleSourceCode

這是一:

 
 
 
  1.  
    •  
    • Div+CSS教程
    •  
    • CSS布局實例
    •  
    • .....  
     
 
  •  
  •  這是二:

     
     
     
    1.  
    2. Div+CSS教程
    3.  
    4. CSS布局實例
    5.  
    6. .....  
    7.  

    有人主張用***種方法,結(jié)構(gòu)明晰。添加了外圍的div標簽,釋意這一段代碼是nav區(qū)域。
      也有人主張第二種方法,去掉不必要的div標簽,簡化代碼,而且能達到同樣的效果。

    這是一種爭論,事實上類似于這樣的爭論還有很多。我們不必太較真了。因為他們都有自己的道理。我們只需要理解他們的主張是什么,編碼的思想是什么,就學習到知識了。52CSS.com的MrJin更傾向于第二種。因為他已經(jīng)滿足需要了。這不一定是正確的。這只是解決問題的方法之一。

    除了上面所說的兩種情況之外,還有一種情況與上面的相反,有些人對div的依賴太強烈了,以至于編碼思想是用div構(gòu)建與傳統(tǒng)table類似的結(jié)構(gòu)。這樣是絕不可取的,這就與Web標準的思想背道而馳了,使代碼煩雜不便于理解,缺少語義,結(jié)構(gòu)不明朗。

    ◆div是block塊元素,可以規(guī)劃文檔的不同功能區(qū)域,當然,你可以運用display:inline,使它變成內(nèi)聯(lián)形式。但我們更常用的還是span。這是對內(nèi)聯(lián)無素進行標識的標簽??聪旅娴拇a。

    ExampleSourceCode

     
     
     
    1.  
    2. Div+CSS教程www.52css.com

       
    3. 52css.com是一個非常專業(yè)的CSS站點

       
    4. 52css.com的Div+CSS教程欄目有豐富的教程

       
     
  •  
  •    這段代碼中的“專業(yè)的CSS站點”“Div+CSS”都被嵌套在了span元素之內(nèi)。我們可以對某一些地方應用這些標記以應用不同的樣式。我們可以將上面的兩個span內(nèi)嵌的內(nèi)容顯示為不同于普通段落的文字色彩。

       ◆總結(jié):

    總之,我們應該盡量的簡化我們的代碼,扔掉那些不必要的標簽標記,不過你也不要太過了保守,在實際操作中有這樣的精簡思維就可以了?,F(xiàn)實的情況讓我們不得不添加一些標記來讓CSS準確的找到目標。因為CSS的功能還不夠強大,相信未來一定會有更好的方法解決問題。

    【編輯推薦】

    1. CSS Sprites對CSS布局的意義
    2. 如何使用CSS框架這把雙刃劍?
    3. CSS中font-size屬性值四大種類
    4. 解析四大CSS屬性值選擇器用法
    5. 專家推薦 DIV CSS表單布局的五個小技巧

    當前名稱:CSS代碼結(jié)構(gòu)div和span初探
    標題URL:http://www.dlmjj.cn/article/dphidcd.html