Div+CSS 已成主流靜態版型技術，但新手易陷入四大迷思。資深前端分享實戰經驗，助你寫出語意清晰、好維護、跨瀏覽器相容的程式碼。

迷思一：完全捨棄 Table

Table 適合表格資料呈現（如採購清單：發布人、時間、標題、聯絡方式），符合語意且易控制。頁面出現類 Excel 表格資料時，建議仍用 Table。

迷思二：通篇用 Div 包裹區塊

過度使用 Div 會喪失語意，維護困難。善用 dl、ul、ol、span 等標籤，結構清晰、見名知意。修改新聞列表時，先找容器 div/dl，再定位 ul 即可精準修改。

迷思三：CSS 必須外部檔案

外部 CSS 利於多頁共用與快取，但獨特頁面專用樣式可直接寫在 <style> 內，避免額外請求。

迷思四：單一瀏覽器測試即可

務必在 IE6/7/8、Firefox、Chrome 等多瀏覽器測試。建議安裝 IETester 模擬多版本 IE。開發習慣：寫完一小區塊即跨瀏覽器驗證，及早發現相容性問題，避免寫完才發現版面崩壞。

給新手的建議

盡量手寫完整語法，熟練後速度勝過代碼提示工具，且能深入理解結構。