HTML5 script 標籤 type 屬性演變史與現代最佳實踐

歷史演變

為何早期必須寫 type？

• HTML 4 規範未定義預設腳本語言
• 瀏覽器支援 VBScript (`text/vbscript`)、Tcl 等多種腳本，需明確宣告
• XHTML 基於 XML，要求所有屬性皆有值

現代最佳實踐

<!-- HTML5 標準寫法，簡潔明瞭 -->
<script src="app.js"></script>

<!-- 行內腳本 -->
<script>
  console.log('Hello ES6+');
</script>

<!-- 模組腳本 (ES Modules) -->
<script type="module" src="main.js"></script>

特殊情況仍需指定 type

• `type="module"`：啟用 ES6 模組系統（預設 defer、嚴格模式、CORS）
• `type="importmap"`：定義匯入映射（新興標準）
• 非 JavaScript 腳本（極罕見）：如 `type="application/json"` 用於資料島

HTML5 vs XHTML 1.0 選型建議

強烈建議使用 HTML5 (``)：

• 語法寬容，開發效率高
• 原生支援現代 API (Canvas, WebStorage, Fetch, WebComponents)
• 所有主流瀏覽器完整支援
• SEO、無障礙、響應式設計友善

XHTML 1.0 已被廢棄，僅維舊專案維護。

總結

HTML5 起 `