div是層疊樣式表中的定位技術(shù)，全稱division，即為劃分。有時(shí)可以稱其為圖層。 div元素是用來(lái)為html（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素。div標(biāo)簽定義 html 文檔中的分隔或部分。div屬于web前端的學(xué)習(xí)內(nèi)容，其中div標(biāo)簽常用于組合塊級(jí)元素，以便通過(guò)樣式表來(lái)對(duì)這些元素進(jìn)行格式化。div>可定義文檔中的分區(qū)或節(jié)。div標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。那么下面就由小編和大家講一講div是什么意思，都有什么作用。
一、div是什么意思
我們隨便打開一個(gè)網(wǎng)頁(yè)源代碼就會(huì)發(fā)現(xiàn)里面出現(xiàn)很多div和span，正是這些div和其他語(yǔ)言相結(jié)合，才讓網(wǎng)頁(yè)變的好看，其實(shí)div是包谷內(nèi)容的作用，我們可以使用div去布局各種樣的樣式，有些我們可以在div中加入字體的大小，字體的顏色，字體是否加粗。
其實(shí)div就是相當(dāng)于一個(gè)容器，只是把單獨(dú)的邏輯給放在div中，這樣看起來(lái)更加的清晰。
二、div標(biāo)簽怎么用
在div切圖布局當(dāng)中，使用最多的也是div標(biāo)簽，因此我們也將網(wǎng)頁(yè)重構(gòu)說(shuō)成div加css，其實(shí)本事div沒(méi)有什么特別之處，只是div標(biāo)簽代替了以前的table標(biāo)簽，其實(shí)div有著自己的特性，獨(dú)具一格，通常對(duì)沒(méi)有設(shè)置樣式的div要獨(dú)占一行。
三、div有什么作用
div在html中有著分割的作用，分割與其他樣式的作用，去設(shè)置頁(yè)面的布局和樣式，主要的作用就是包含一個(gè)區(qū)塊，區(qū)塊夾在div中，和前后代碼隔開，形成一個(gè)區(qū)塊。
四、div用法
是一個(gè)塊級(jí)元素。這意味著它的內(nèi)容自動(dòng)地開始一個(gè)新行。實(shí)際上，換行是固有的特定的格式表現(xiàn)?？梢酝ㄟ^(guò)的 class 或 id 應(yīng)用額外的樣式。
不必為每一個(gè)都加上類或 id，雖然這樣做也有一定的好處。
可以對(duì)同一個(gè)元素同時(shí)應(yīng)用 class 和 id 屬性，但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標(biāo)識(shí)單獨(dú)的特定的元素。
五、布局優(yōu)勢(shì)
1、精簡(jiǎn)代碼，減少重構(gòu)難度
網(wǎng)站使用div+css布局使代碼很是精簡(jiǎn)，相信大多朋友也都略有所聞，css文件可以在網(wǎng)站的任意一個(gè)頁(yè)面進(jìn)行調(diào)用，而若是使用table表格修改部分頁(yè)面卻是顯得很麻煩。要是一個(gè)門戶網(wǎng)站的話，需手動(dòng)改很多頁(yè)面，而且看著那些表格也會(huì)感覺(jué)很亂也很浪費(fèi)時(shí)間，但是使用css+div布局只需修改css文件中的一個(gè)代碼即可。
2、網(wǎng)頁(yè)訪問(wèn)速度
使用了div+css布局的網(wǎng)頁(yè)與table布局比較，精簡(jiǎn)了許多頁(yè)面代碼，那么其瀏覽訪問(wèn)速度自然得以提升，也從而提升了網(wǎng)站的用戶體驗(yàn)度。
3、seo優(yōu)化
采用div-css布局的網(wǎng)站對(duì)于搜索引擎很是友好，因此其避免了table嵌套層次過(guò)多而無(wú)法被搜索引擎抓取的問(wèn)題，而且簡(jiǎn)潔、結(jié)構(gòu)化的代碼更加有利于突出重點(diǎn)和適合搜索引擎抓取。
4、瀏覽器兼容性
若使用table布局網(wǎng)頁(yè)，在使用不同瀏覽器情況下會(huì)發(fā)生錯(cuò)位，而div+css則不會(huì)，無(wú)論什么瀏覽器，網(wǎng)頁(yè)都不會(huì)出現(xiàn)變形情況。
最后，需要注意的是，蜘蛛不喜歡一個(gè)頁(yè)面有太多的css代碼，否則同樣會(huì)影響蜘蛛的爬行，影響搜索引擎的收錄，所以采用外部調(diào)用的方式調(diào)用css是非常不錯(cuò)的方法。而同時(shí)，若非必須太多花哨的網(wǎng)站，采用css布局，同樣可以到達(dá)所想要的效果。如網(wǎng)站導(dǎo)航中的文字顏色變化、下拉菜單等。小伙伴們要想獲得更多div的內(nèi)容，請(qǐng)關(guān)注我們。