2008-08-15

CSS 與 HTML 規劃心得檢討

由於所開發的系統愈來愈大,免不了開始出現一些排版上的問題,對於目前的狀況做了一些整理:
每加入一個新功能就建立一個新樣式,造成過多獨立應用的樣式。
再新功能規劃時,可多考慮使用舊有的樣式。
HTML 在的設計上過於精簡缺乏彈性及流通性。
在結構上的規劃時多考慮多變應用以增加日後應用上的彈性。
類似的樣式過多沒有統一的規劃。
再設計多預想未來的應用,增加樣式重複利用的可能性。
過度使用已 Tag 為主的選擇器,造成過度的樣式覆寫。
在較複雜的樣式區塊中,先做分割規劃出許多小區塊,簡化樣式選擇器的深度。
ID 與 Class 命名沒有規範清楚,造成樣式與功能上的混淆。
排版與樣式沒有分離,造成管理不易。
對於排版的寬度定義不明確,造成異常 overflow 跑版。

主要的問題還是出在一致性的樣式共用與命名規則的問題上,在開發的過程中沒有謹慎規劃,對於未來可能的應用也許要考慮進去,避免重複定義相似的樣式。

0 回應: