現象澄清

HTML 文件 (`.html`) **無法直接執行 Java 代碼**。瀏覽器只解析 HTML/CSS/JS。若在 `.html` 中看到類似 `<% ... %>` 或 `${...}`，通常是：

1. JSP (JavaServer Pages)：副檔名 `.jsp`，由 Servlet 容器 (Tomcat/Jetty) 編譯為 Servlet 執行。
2. 模板引擎輸出：Thymeleaf/FreeMarker/Velocity 在服務端渲染生成純 HTML 後再發送給瀏覽器。
3. SSI (Server Side Includes)：老舊技術，``，需服務器開啟支援。
4. 前端框架模板：Vue/React/Angular 模板語法 (`{{ }}`, `v-if`)，經構建工具編譯為 JS 渲染函數。

技術對比

現代最佳實踐：Thymeleaf + Spring Boot

    
用戶名
    
管理員面板
    

        

            
商品
            
價格
        
    

控制器：

@GetMapping("/user")
public String userPage(Model model) {
    model.addAttribute("user", userService.getCurrentUser());
    model.addAttribute("items", itemService.findAll());
    return "user"; // 解析為 templates/user.html
}

為何不建議 JSP？

• 混合 Java 代碼與 HTML，違反關注點分離，難以維護。
• 無法在瀏覽器直接預覽 (需啟動容器)。
• Spring Boot 2.0+ 默認不再包含 JSP 支援，需額外配置。
• Thymeleaf 模板**原生是合法 HTML**，設計師可直接在瀏覽器預覽、編輯。

靜態 HTML 片段複用 (無後端)

若純前端專案需複用導航欄/頁腳：

1. 構建時注入：Webpack/Vite `html-loader` + `html-webpack-plugin` 組合 partials。
2. 運行時 JS 載入：`fetch('nav.html').then(r=>r.text()).then(html=>document.getElementById('nav').innerHTML=html)`。
3. Web Components：`` 自定義元素封裝 Shadow DOM。