網頁設計採用div css的優點和缺點

2021-07-02 12:24:06 字數 978 閱讀 6875



優點:

1.一般div+css頁面都是將html和css檔案分開,也就是說乙個網頁的內容和表現形式的分離,這樣更利於後期整個**的維護,一般只要修改css檔案中的乙個css屬性就可以修改頁面的樣式,例如背景顏色,字型等,這是table布局不具有的

4.有利於搜尋引擎的搜尋,用只包含結構化內容的html代替巢狀的標籤,這樣結構清晰,搜尋引擎更能有效的搜尋到你的內容。

5.相容性更好,符合web標準規範的發展趨勢,可以在幾乎所有的瀏覽器上都可以使用,不會出現在不同的瀏覽器中效果差距很大的情況。

6.強大的字型控制和排版能力,css控制字型的能力比糟糕的font標籤好多了,css不再需要用font標籤或者透明的1px來控制標題、改變字型顏色、字型樣式等等。

缺點:

1、css**製作的設計元素通常放在1個外部檔案中,或幾個檔案,有可能相當複雜,甚至比較龐大,如果css檔案呼叫出現異常,那麼整個**將變得慘不忍睹。

2、div+css儘管不是高不可及,但至少要比**定位複雜的多,即使對於**設計高手也很容易出現問題,更不要說初學者了。

3、雖然說div+css解決了大部分瀏覽器相容問題,但是也有在部分瀏覽器中使用出現異常,比如火狐瀏覽器,在ie中顯示正常的頁面,到了火狐瀏覽器中可能會面目全非。當然這應該是瀏覽器的問題,但是可以說在目前來看,div+css還沒有實現所有瀏覽器的統一相容。

4、div+css對搜尋引擎優化與否,取決於網頁設計的專業水平,而不是div+css本身。div+css網頁設計並不能保證網頁對搜尋引擎的優化,甚至不能保證一定比html**有更簡潔的**設計,何況搜尋引擎對於網頁的收錄和排序顯然不是以是否採用**和css定位來衡量,這就是為什麼很多傳統**布局製作的**在搜尋結果中的排序靠前,而很多使用css及web標準製作的網頁排名依然靠後的原因。因為對於搜尋引擎而言,**結構、內容、相關**鏈結等因素始終是**優化最重要的指標。

關於採用DIV CSS重構網頁設計的幾點體會

div css作為目前網頁設計的標準,得到了廣泛的應用,國內非常多的 早在幾年前就已經實現了重構。本文結合作者近期改版 過程中遇到的一些問題,自己的幾點體會,希望能對剛剛從事網頁設計的朋友有所幫助,當然也歡迎大家能批評指正。網頁重構,最主要的好處在於實現了網頁設計的標準化,摒棄傳統的 布局方式,充分...

採用xhtml css的優點

1.遵循web標準。2.結構和表現相分離,而原來的html結構和表現混雜在一起。很多傳統的web開發人員採用的依然是 布局,結構和表現混雜的方式。可以說xhmtl是html向xml的一種過渡。採用web標準的目的是 提供最多利益給最多的 使用者 確保任何 文擋都能夠長期有效 簡化 降低建設成本 讓 ...

採用DIV CSS布局的好處

1 簡介 為何使用 排版是不明智的?之所以存在於 html 中,只是為了乙個目的 顯示 狀的資料。然而此後的 border 0 使得設計師可以將和文字放在這無形的網格中。迄今為止,仍然主導著視覺豐富的 的設計方式,但它卻阻礙了一種更好的 更有親和力的 更靈活的,而且功能更強大的 設計方法。2 概覽 ...