CSS 版面配置應避免濫用 <div> 與 <span>，以合適的 HTML 語義標籤組織文件才是根本。必要且合理的 <div> 能增強文件結構性，但過度使用反而混淆結構。

自我檢視三問

1. 檢視 HTML 是否充斥大量 <div>/<span>？
2. 是否有更好的語義標籤可替代？（如 <h1> 取代 <p>/<span> 定義標題）
3. 文件邏輯結構是否清晰、易於套用樣式？

正確心法

• 將 <div> 視為「容器」或「文件區塊」，而非萬用標籤。
• 過多容器非良性模式；恰當位置的容器讓文件條理分明。
• 優先使用 <header>, <nav>, <main>, <article>, <section>, <aside>, <footer> 等 HTML5 語義標籤（舊版可用 class 模擬）。

語義化 HTML 是 CSS 可維護擴展的基石，也是無障礙存取與 SEO 的前提。