黑客內(nèi)參--淺談DIV+CSS的優(yōu)勢

DIV+CSS是網(wǎng)站標準（或稱“WEB標準”）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格（table）定位方式的區(qū)別，因為XHTML網(wǎng)站設(shè)計標準中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實現(xiàn)各種定位。

用div盒模型結(jié)構(gòu)給各部分內(nèi)容劃分到不同的區(qū)塊，然后用css來定義盒模型的位置、大小、邊框、內(nèi)外邊距、排列方式等。

CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計算機語言。在我們用table布局時，都曾接觸和應(yīng)用到css。

DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標簽和結(jié)束標簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。

黑客內(nèi)參簡單地說，div 用于搭建網(wǎng)站結(jié)構(gòu)（框架）、css 用于創(chuàng)建網(wǎng)站表現(xiàn)（樣式/美化），實質(zhì)即使用XHTML對網(wǎng)站進行標準化重構(gòu)，使用CSS將表現(xiàn)與內(nèi)容分離，便于網(wǎng)站維護，簡化html頁面代碼，可以獲得一個較優(yōu)秀的網(wǎng)站結(jié)構(gòu)便于日后維護、協(xié)同工作和搜索引擎蜘蛛抓取。

當然不是所有的網(wǎng)頁都需要用div布局，例如數(shù)據(jù)頁面、報表之類的頁面的時候還是會用table，web 標準里并沒有說要摒棄table。所謂DIV+CSS布局的叫法讓人更為擔心，不要讓DIV成為Table的替代品，多層嵌套的DIV會嚴重影響代碼的可閱讀性，活用HTML為我們提供的標簽吧。

一、用css+div,就要放棄以前表格排版的一些習慣,包括頁面格式的一些習慣:1.以前用表格排版,一般都是用不規(guī)則的背景圖片,跨單元格來做一些不規(guī)則的效果.css+div的特點就是格式和樣式分開.2.css+div還是用塊的行使排版比較好,頁面簡單,直觀,不那么花哨.源碼的結(jié)構(gòu)也簡單,頁面執(zhí)行效率高.3.盡量少使用div的嵌套,減少換行等冗余代碼,提升網(wǎng)頁的加載速度.

二、Div+css的網(wǎng)站結(jié)構(gòu)對seo網(wǎng)站優(yōu)化起到的作用越來越明顯.研究現(xiàn)在排名靠前的一些熱門關(guān)鍵詞網(wǎng)站,基本都是用div+css了,那么為什么DIV+CSS會對排名或者說是seo更加有利呢?

1. 采用這種結(jié)構(gòu)后HTML頁面里基本只有文字或圖片信息,而樣式則放在CSS里面,這樣搜索爬蟲就不會管CSS,只要采集HTML里的內(nèi)容就可以了,大大提高爬蟲的效率.

2.采用這種結(jié)構(gòu)往往關(guān)鍵詞更集中,密度更高.

3.DIV+CSS相對于table來說比較精簡,而且基本不存在網(wǎng)上一直在說的"表格嵌套"的問題.

4.符合W3C標準的網(wǎng)頁在seo優(yōu)化方面本身就有優(yōu)勢,更得搜索引擎蜘蛛的喜愛.

轉(zhuǎn)載于:https://www.cnblogs.com/heikeboke/p/7800347.html

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的黑客内参--浅谈DIV+CSS的优势的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。