CSS加DIV

CSS+DIV是網站標準(或稱“WEB標準”)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標準中,不再使用表格定位技術,而是採用css+div的方式實現各種定位。 CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等檔案式樣的計算機語言。DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。儘管CSS+DIV具有一定的優勢,不過現階段CSS+DIV網站建設存在的問題也比較明顯

一、什麼是CSS+DIV

CSS+DIV是網站標準(或稱“WEB標準”)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標準中,不再使用表格定位技術,而是採用css+div的方式實現各種定位。
CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等檔案式樣的計算機語言。

1、CSS是Cascading Style Sheets(層疊樣式表)的簡稱。
2、CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行(屬於瀏覽器解釋型語言)。
3、在標準網頁設計中CSS負責網頁內容(XHTML)的表現。
4、CSS檔案也可以說是一個文本檔案,它包含了一些CSS標記,CSS檔案必須使用css為檔案名稱後綴。
5、可以通過簡單的更改CSS檔案,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課。
6、>CSS是由W3C的CSS工作組產生和維護的
DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標籤和結束標籤之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標籤的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。

二、DIV+CSS的優勢

1、符合W3C標準。微軟等公司均為W3C支持者。這一點是最重要的,因為這保證您的網站不會因為將來網路套用的升級而被淘汰。

2、支持瀏覽器的向後兼容,也就是無論未來的瀏覽器大戰,勝利的是IE7或者是火狐,您的網站都能很好的兼容。

3、搜尋引擎更加友好。相對與傳統的table, 採用DIV+CSS技術的網頁,對於搜尋引擎的收錄更加友好。

4、樣式的調整更加方便。內容和樣式的分離,使頁面和樣式的調整變得更加方便。 現在YAHOO,MSN等國際入口網站,網易,新浪等國內入口網站,和主流的WEB2.0網站,均採用DIV+CSS的框架模式,更加印證了DIV+CSS是大勢所趨。

5、CSS的極大優勢表現在簡潔的代碼,對於一個大型網站來說,可以節省大量頻寬,而且眾所周知,搜尋引擎喜歡清潔的代碼

6、表現和結構分離,在團隊開發中更容易分工合作而減少相互關聯性。

三、CSS+DIV網站建設存在的問題

儘管CSS+DIV具有一定的優勢,不過現階段CSS+DIV網站建設存在的問題也比較明顯,主要表現在:
第一,對於CSS的高度依賴使得網頁設計變得比較複雜。相對於HTML4.0中的表格布局(table),CSS+DIV儘管不是高不可及,但至少要比表格定位複雜的多,即使對於網站設計高手也很容易出現問題,更不要說初學者了,這在一定程度上影響了XHTML網站設計語言的普及套用。
第二,CSS檔案異常將影響整個網站的正常瀏覽。CSS網站製作的設計元素通常放在幾個l外部檔案中,這一個或幾個檔案有可能相當複雜,甚至比較龐大,如果CSS檔案調用出現異常,那么整個網站將變得慘不忍睹。
第三,對於CSS網站設計的瀏覽器兼容性問題比較突出。基於HTML4.0的網頁設計在IE4.0之後的版本中幾乎不存在瀏覽器兼容性問題,但CSS+DIV設計的網站在IE瀏覽器裡面正常顯示的頁面,到火狐瀏覽器(FireFox )中卻可能面目全非(這也是為什麼建議網路行銷人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待於各個瀏覽器廠商的進一步支持。
第四,CSS+DIV對搜尋引擎最佳化與否取決於網頁設計的專業水平而不是CSS+DIV本身。CSS+DIV網頁設計並不能保證網頁對搜尋引擎的最佳化,甚至不能保證一定比HTML網站有更簡潔的代碼設計,何況搜尋引擎對於網頁的收錄和排序顯然不是以是否採用表格和CSS定位來衡量,這就是為什麼很多傳統表格布局製作的網站在搜尋結果中的排序靠前,而很多使用CSS及web標準製作的網頁排名依然靠後的原因。因為對於搜尋引擎而言,網站結構、內容、相關網站連結等因素始終是網站最佳化最重要的指標。

相關詞條

相關搜尋

熱門詞條

聯絡我們