網路與網域詞條 1-40

靜態資源Static Assets

也常叫做：靜態檔案、Static Assets、assets

你可能會這樣說

AI 說「把靜態資源放到 public 資料夾」——原來是指圖片、CSS 這類內容固定、不用運算的檔案。

靜態資源是內容固定、可以直接送給瀏覽器的檔案：圖片、字體、CSS、JavaScript 檔都算，伺服器不用額外處理。

它跟「動態內容」相對：頁面上的即時股價要伺服器算，圖片則是原封不動搬過去就好，所以載入快、又適合交給 CDN。

跟 AI 協作時說「圖片放在 static（或 public）資料夾」，它就知道怎麼引用。亂放位置，是新手最常見的「圖片顯示不出來」原因。

HTML · 結構

頁面骨架：標題、段落、按鈕的排列。

CSS · 樣式

上妝：顏色、字體、間距、版面。

JavaScript · 互動

動作：點擊反應、表單檢查、動畫。

圖片字體

內容與外觀素材：照片、圖示、特殊字體。

圖 1-41　一個頁面背後的靜態資源：結構、樣式、互動、素材。

中文就可以

我的網頁圖片全部顯示不出來，請幫我：
1. 檢查圖片路徑和資料夾位置的對應關係。
2. 給我「檔案放哪、程式碼怎麼寫」的標準做法。
3. 之後新增圖片時，照什麼規則放就不會再出錯。