CSS與DIV
提到CSS就不能不提到DIV,DIV可以定義文檔中的的分區或節,DIV標簽可以把文檔分割為獨立的、不同的部分,它可以用來用作嚴格的組織工具。當我們把CSS用到DIV中去以後,我們就不但可以嚴格設定DIV塊的位置,還可以利用CSS的優點,特別方便的設置DIV內部的樣式,下面我們就講CSS+DIV優點說下。
精簡代碼
網站使用DIV+CSS布局使代碼很是精簡,css文件可以在網站的任意一個頁面進行調用,而若是使用table表格修改部分頁面卻是顯得很麻煩。要是一個門戶網站的話,需手動改很多頁面,而且看著那些表格也會感覺很亂也很浪費時間,但是使用css+div布局只需修改css文件中的一個代碼即可。
網頁訪問速度
使用了DIV+CSS布局的網頁與Table布局比較,精簡了許多頁面代碼,那麼其浏覽訪問速度自然得以提升,也從而提升了網站的用戶體驗度。
SEO優化
采用div-css布局的網站對於搜索引擎很是友好,因此其避免了Table嵌套層次過多而無法被搜索引擎抓取的問題,而且簡潔、結構化的代碼更加有利於突出重點和適合搜索引擎抓取。
浏覽器兼容性
DIV+CSS相比TABLE布局,更容易出現多種浏覽器不兼容的問題,主要原因是不同的浏覽器對web標准默認值不同。國內主流是ie,firefox及chrome用的較少,在兼容性測試方面,首先需要保證在ie多版本不出現問題,這裡涉及到一些方法和技巧,可以針對具體問題在網站查找解決辦法。