div+css

div+css是一種html代碼的編寫規范,一種布局的實現方式,主要使用div配合CSS樣式表來實現網頁界面上的定制。div+css不全部要求一定要使用div標簽來實現,而是泛指這種css控制顯示的方式,同時可以使用的標簽還有h1,h2,h3,h4,h5...p strong等一系列xhmtl標簽。

使用div+css的誤區:
1、用div+css結構制作靜態html網頁等于徹底拋棄古老的table寫法。
之所以不建議用table來布局網頁是因為在網頁加載很慢的時候要等table結構加載完成才能看到網頁,其次是table的布局沒有一定的語義,網頁代碼修改起來比較麻煩。但table是專門用來寫網頁數據表格的,頁面中出現類似excel數據的地方,建議用table來寫。
2、div+css結構等于通篇區域都用div包起來。
遇到一個區塊就用一個div標簽,這樣寫完代碼后全篇都是div,失去了語義的存在價值,區塊修改起來也不容易找到,合理的利用dl、ul、ol、span、等標簽,不僅讓你的網頁看起來條理清晰,而且修改起來很方便。
3、css文件一定要和html代碼分開。
將css文件和html分開,是因為有些css同時為多個頁面服務,而用戶訪問時css文件可以緩存在本地,下次再訪問其他頁面時就不用重復加載css,可以節約時間和流量,提高訪問速度,但是如果網頁有些區域的css是獨一無二的,其他頁面用不到,就不用把css剝離出去,直接用style標簽包括在html網頁里就可以。
4、用div和css寫網頁不用進行瀏覽器兼容測試。

參考資料:http://baike.baidu.com/view/399288.htm

點擊返回頂部
彩杏娱乐app