網站開發基礎知識體系：從 HTML 到 Web 未來

每位 Web 開發者必須掌握的核心技術棧，涵蓋前端、後端、資料層與演進趨勢。本文依官方 W3School 體系整理，作為學習路線圖參考。

核心技術清單

1. HTML 4.01：Web 語言基石。將樣式剝離至 CSS，避免 <font> 標籤氾濫，為升級 XHTML 鋪路。
2. CSS（層疊樣式表）：集中控制所有頁面外觀與佈局，修改單一檔案即可全站生效。
3. XHTML：XML 重寫的 HTML 4.01，語法更嚴格，為未來標準做準備。
4. XML & XSLT：XML 描述/存儲/傳輸資料；XSLT 將 XML 轉換為 HTML、WML 等多種輸出格式，實現資料與呈現分離。
5. 客戶端腳本：以 JavaScript 為主，賦予頁面動態互動能力（表單驗證、DOM 操作、AJAX）。
6. 伺服器端腳本：ASP、PHP 等，實現動態內容生成、資料庫存取、使用者認證、權限控制、XML 轉換等。
7. SQL：關聯式資料庫標準查詢語言（SQL Server、Oracle、MySQL、Access 通用），掌握 SELECT/INSERT/UPDATE/DELETE、JOIN、索引、交易處理。
8. Web 未來：從靜態內容展示轉向動態內容傳遞；行動裝置瀏覽器普及；伺服器間、伺服器與客戶端以 XML/JSON 進行資料交換（Web Services、AJAX、REST API）。

學習建議路徑

1. HTML 4.01 → CSS → JavaScript 基礎（前端三大支柱）。
2. XHTML → XML/XSLT（資料交換與結構化）。
3. ASP 或 PHP 入門伺服器端邏輯。
4. SQL 系統學習（資料庫設計、正規化、效能調校）。
5. 實作專案：整合前後端、資料庫、部署上線。
6. 進階：AJAX、Web Services、MVC 框架、前端工程化、DevOps。

關鍵心法

• 標準先行：嚴格遵循 W3C 標準，減少瀏覽器相容性問題。
• 分離關注點：結構、樣式、行為、資料、邏輯各司其職。
• 漸進增強：核心功能無腳本可用，腳本增強體驗。
• 持續學習：Web 技術迭代極快，保持對新標準（HTML5、CSS3、ES6+、WebAssembly 等）的跟進。