diverse是什么意思（div是什么意思）

關(guān)于diverse是什么意思，div是什么意思這個問題很多朋友還不知道，今天小六來為大家解答以上的問題，現(xiàn)在讓我們一起來看看吧！

1、標簽定義 HTML 文檔中的分隔（DIVision）或部分（section）。

2、div屬于web前端的學習內(nèi)容，其中 標簽常用于組合塊級元素，以便通過樣式表來對這些元素進行格式化。

3、 可定義文檔中的分區(qū)或節(jié)（division/section）。

4、 標簽可以把文檔分割為獨立的、不同的部分。

5、它可以用作嚴格的組織工具，并且不使用任何格式與其關(guān)聯(lián)。

6、如果用 id 或 class 來標記 ，那么該標簽的作用會變得更加有效。

7、當使用 CSS-P 的時候， 主要把它用在 DIV（division）tag 上。

8、當把文字，圖像，或其他的放在 DIV 中，它可稱作為“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“l(fā)ayer”。

9、所以把它稱作“層次”。

10、所以當看到這些名詞的時候，就知道它們是指一段在 DIV 中的 HTML。

11、使用 DIV 的方法跟使用其他 tag 的方法一樣：如果單獨使用 DIV 而不加任何 CSS-P, 那么它在網(wǎng)頁中的效果和不使用是一樣的。

12、但當把 CSS-P 用到 DIV 中去以后，就可以嚴格設(shè)定它的位置。

13、首先需要給這個可以被 CSS-P 控制的 DIV 一個 ID 或說是它的名字。

14、比如說給這個 DIV 的名字是 truck。

15、給名字的目的是以后可用JavaScript來控制它， 比如說移動它或改變它的一些性質(zhì)等等。

16、給層次取什么名字是隨意的，名字可以是任何英文字母和數(shù)字，但第一個必須是字母。

17、有兩種把 CSS-P 應(yīng)用到 DIV 的方法。

18、Inline CSS：Inline是最常用的方法。

19、ExternalSTYLE tag：使用 External 方法的結(jié)果是一樣的。

20、請注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的關(guān)系。

21、擴展資料布局優(yōu)勢一、精簡代碼，減少重構(gòu)難度。

22、網(wǎng)站使用DIV+CSS布局使代碼很是精簡，相信大多朋友也都略有所聞，css文件可以在網(wǎng)站的任意一個頁面進行調(diào)用，而若是使用table表格修改部分頁面卻是顯得很麻煩。

23、要是一個門戶網(wǎng)站的話，需手動改很多頁面，而且看著那些表格也會感覺很亂也很浪費時間，但是使用css+div布局只需修改css文件中的一個代碼即可。

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

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

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

27、最后，需要注意的是，蜘蛛不喜歡一個頁面有太多的css代碼，否則同樣會影響蜘蛛的爬行，影響搜索引擎的收錄，所以采用外部調(diào)用的方式調(diào)用CSS是非常不錯的方法。

28、而同時，若非必須太多花哨的網(wǎng)站，采用CSS布局，同樣可以到達所想要的效果。

29、如網(wǎng)站導(dǎo)航中的文字顏色變化、下拉菜單等。

本文分享完畢，希望對大家有所幫助。

標簽：