CSS 與 HTML 規劃心得檢討

由於所開發的系統愈來愈大，免不了開始出現一些排版上的問題，對於目前的狀況做了一些整理：

每加入一個新功能就建立一個新樣式，造成過多獨立應用的樣式。

再新功能規劃時，可多考慮使用舊有的樣式。

HTML 在的設計上過於精簡缺乏彈性及流通性。

在結構上的規劃時多考慮多變應用以增加日後應用上的彈性。

類似的樣式過多沒有統一的規劃。

再設計多預想未來的應用，增加樣式重複利用的可能性。

過度使用已 Tag 為主的選擇器，造成過度的樣式覆寫。

在較複雜的樣式區塊中，先做分割規劃出許多小區塊，簡化樣式選擇器的深度。

ID 與 Class 命名沒有規範清楚，造成樣式與功能上的混淆。

排版與樣式沒有分離，造成管理不易。

對於排版的寬度定義不明確，造成異常 overflow 跑版。

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