黑客内参--浅谈DIV+CSS的优势
黑客內參--淺談DIV+CSS的優勢
DIV+CSS是網站標準（或稱“WEB標準”）中常用的術語之一，通常為了說明與HTML網頁設計語言中的表格（table）定位方式的區別，因為XHTML網站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位。
用div盒模型結構給各部分內容劃分到不同的區塊，然后用css來定義盒模型的位置、大小、邊框、內外邊距、排列方式等。
CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現 HTML 或 XML 等文件式樣的計算機語言。在我們用table布局時，都曾接觸和應用到css。
DIV元素是用來為HTML文檔內大塊（block-level）的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。
黑客內參簡單地說，div 用于搭建網站結構（框架）、css 用于創建網站表現（樣式/美化），實質即使用XHTML對網站進行標準化重構，使用CSS將表現與內容分離，便于網站維護，簡化html頁面代碼，可以獲得一個較優秀的網站結構便于日后維護、協同工作和搜索引擎蜘蛛抓取。
當然不是所有的網頁都需要用div布局，例如數據頁面、報表之類的頁面的時候還是會用table，web 標準里并沒有說要摒棄table。所謂DIV+CSS布局的叫法讓人更為擔心，不要讓DIV成為Table的替代品，多層嵌套的DIV會嚴重影響代碼的可閱讀性，活用HTML為我們提供的標簽吧。
一、用css+div,就要放棄以前表格排版的一些習慣,包括頁面格式的一些習慣:1.以前用表格排版,一般都是用不規則的背景圖片,跨單元格來做一些不規則的效果.css+div的特點就是格式和樣式分開.2.css+div還是用塊的行使排版比較好,頁面簡單,直觀,不那么花哨.源碼的結構也簡單,頁面執行效率高.3.盡量少使用div的嵌套,減少換行等冗余代碼,提升網頁的加載速度.
二、Div+css的網站結構對seo網站優化起到的作用越來越明顯.研究現在排名靠前的一些熱門關鍵詞網站,基本都是用div+css了,那么為什么DIV+CSS會對排名或者說是seo更加有利呢?
1. 采用這種結構后HTML頁面里基本只有文字或圖片信息,而樣式則放在CSS里面,這樣搜索爬蟲就不會管CSS,只要采集HTML里的內容就可以了,大大提高爬蟲的效率.
2.采用這種結構往往關鍵詞更集中,密度更高.
3.DIV+CSS相對于table來說比較精簡,而且基本不存在網上一直在說的"表格嵌套"的問題.
4.符合W3C標準的網頁在seo優化方面本身就有優勢,更得搜索引擎蜘蛛的喜愛.
轉載于:https://www.cnblogs.com/heikeboke/p/7800347.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的黑客内参--浅谈DIV+CSS的优势的全部內容，希望文章能夠幫你解決所遇到的問題。
