- 191 月
-
CSS Layout 的好處
常常有人會問到 CSS Layout 到底有什麼可取之處,
一樣的網頁設計工作,為何不採取相對單純許多的傳統 Table Layout 作法,
反而要選擇一個較不直覺 (其實是設計習慣問題),
技術成份較煩雜,學習曲線較高的 CSS Layout,到底有什麼實質的好處,非要突破門檻學習這項技術底下整理幾點顯而易見的好處,以供參考。
CSS Layout 的好處:
- 簡化 HTML 結構 (50%)
- 分離 HTML 結構及 CSS 樣式
- 有更大彈性去整合 JavaScript 技術 (語義、外觀、行為)
- 提高代碼的利用效率
- 更強大的外觀呈現控制能力
- 集中樣式管理,有助於全站保持視覺的一致性
- 改善網站的可訪問性 Accessibility (親和力、無障礙、不同設備兼容)
- 改善網站的可使用性 Usability (友善列印)
- 加快頁面下載速度
- 節省頻寬費用
- 更利於搜尋引擎最佳化 SEO
- 更利於網站後期的更新及維護 (效率、代價)
- 使用 W3C 所推動的 WEB 標準
- 更利於相容各瀏覽器 (未來)
- 提昇專業技能及職場競爭力 (門檻、降低失業風險)
相關參考資源:
13 Reasons Why CSS Is Superior to Tables in Website Design
http://www.chromaticsites.com/blog/13-reasons-why-css-is-superior-to-tables-in-website-design/Top 10 Reasons to Learn CSS
http://bhavyatechnologies.com/blog/?p=50Basic Answers to the question Why Use CSS
http://www.myinternetmarketinggroup.com/blog/?p=41CSS Page Layout Strategies
http://www.killersites.com/blog/2008/css-page-layout-strategies/Opera 的 WEB 標準教程
http://www.blueidea.com/tech/web/2009/6378.aspWhy stick to Web Standards?
http://www.bestwebbuzz.com/why-stick-to-web-standards.htmlWhy tables for layout is stupid: problems defined, solutions offered
http://www.hotdesign.com/seybold/為何使用表格排版是不明智的:找出問題,對症下藥
http://www.hotdesign.com/seybold/chinese/everything.htmlPosted by admin Posted on 19 1 月
Post Comments 0