??div是層疊樣式表中的定位技術(shù)，全稱DIVision，即為劃分。有時可以稱其為圖層。 div元素是用來為HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素。div標(biāo)簽定義 HTML 文檔中的分隔或部分。div屬于web前端的學(xué)習(xí)內(nèi)容，其中DIV標(biāo)簽常用于組合塊級元素，以便通過樣式表來對這些元素進(jìn)行格式化。div>可定義文檔中的分區(qū)或節(jié)。div標(biāo)簽可以把文檔分割為獨立的、不同的部分。那么下面就由新網(wǎng)小編和大家講一講div是什么意思，都有什么作用。

??一、div是什么意思

??我們隨便打開一個網(wǎng)頁源代碼就會發(fā)現(xiàn)里面出現(xiàn)很多div和span，正是這些div和其他語言相結(jié)合，才讓網(wǎng)頁變的好看，其實div是包谷內(nèi)容的作用，我們可以使用div去布局各種樣的樣式，有些我們可以在div中加入字體的大小，字體的顏色，字體是否加粗。

??其實div就是相當(dāng)于一個容器，只是把單獨的邏輯給放在div中，這樣看起來更加的清晰。

??二、div標(biāo)簽怎么用

??在div切圖布局當(dāng)中，使用最多的也是div標(biāo)簽，因此我們也將網(wǎng)頁重構(gòu)說成div加css，其實本事div沒有什么特別之處，只是div標(biāo)簽代替了以前的table標(biāo)簽，其實div有著自己的特性，獨具一格，通常對沒有設(shè)置樣式的div要獨占一行。

??三、div有什么作用

??div在html中有著分割的作用，分割與其他樣式的作用，去設(shè)置頁面的布局和樣式，主要的作用就是包含一個區(qū)塊，區(qū)塊夾在div中，和前后代碼隔開，形成一個區(qū)塊。

??四、div用法

??是一個塊級元素。這意味著它的內(nèi)容自動地開始一個新行。實際上，換行是固有的特定的格式表現(xiàn)?？梢酝ㄟ^的 class 或 id 應(yīng)用額外的樣式。

??不必為每一個都加上類或 id，雖然這樣做也有一定的好處。

??可以對同一個元素同時應(yīng)用 class 和 id 屬性，但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標(biāo)識單獨的特定的元素。

??五、布局優(yōu)勢

??1、精簡代碼，減少重構(gòu)難度

??網(wǎng)站使用DIV+CSS布局使代碼很是精簡，相信大多朋友也都略有所聞，css文件可以在網(wǎng)站的任意一個頁面進(jìn)行調(diào)用，而若是使用table表格修改部分頁面卻是顯得很麻煩。要是一個門戶網(wǎng)站的話，需手動改很多頁面，而且看著那些表格也會感覺很亂也很浪費時間，但是使用css+div布局只需修改css文件中的一個代碼即可。

??2、網(wǎng)頁訪問速度

??使用了DIV+CSS布局的網(wǎng)頁與Table布局比較，精簡了許多頁面代碼，那么其瀏覽訪問速度自然得以提升，也從而提升了網(wǎng)站的用戶體驗度。

??3、SEO優(yōu)化

??采用div-css布局的網(wǎng)站對于搜索引擎很是友好，因此其避免了Table嵌套層次過多而無法被搜索引擎抓取的問題，而且簡潔、結(jié)構(gòu)化的代碼更加有利于突出重點和適合搜索引擎抓取。

??4、瀏覽器兼容性

??若使用table布局網(wǎng)頁，在使用不同瀏覽器情況下會發(fā)生錯位，而div+css則不會，無論什么瀏覽器，網(wǎng)頁都不會出現(xiàn)變形情況。

??最后，需要注意的是，蜘蛛不喜歡一個頁面有太多的css代碼，否則同樣會影響蜘蛛的爬行，影響搜索引擎的收錄，所以采用外部調(diào)用的方式調(diào)用CSS是非常不錯的方法。而同時，若非必須太多花哨的網(wǎng)站，采用CSS布局，同樣可以到達(dá)所想要的效果。如網(wǎng)站導(dǎo)航中的文字顏色變化、下拉菜單等。小伙伴們要想獲得更多div的內(nèi)容，請關(guān)注新網(wǎng)。