檔案類型跟裡面裝的東西
副檔名告訴電腦這個檔案要怎麼開
⏱ 預估 ~4 分鐘
01 · 讀一讀
副檔名(file extension，句點後面那段)告訴電腦這個檔案裡裝的是什麼類型的內容，以及該用哪個程式打開它。
💡 想像一下副檔名就像箱子上的標籤。一個寫著「易碎 — 玻璃」的箱子就告訴你裡面是什麼、要怎麼處理。一個 .jpg 結尾的檔案告訴電腦「這是圖片，用圖片瀏覽器打開」。
重點整理
- 文字檔（.txt、.md）：純文字，任何文字編輯器都能打開
- 文件檔（.pdf、.docx）：有格式的文件
- 圖片（.jpg、.png、.gif、.svg）：視覺內容
- 程式碼檔（.html、.css、.js、.py、.ts）：給電腦的指令
- 資料檔（.json、.csv、.xml）：有結構的資料
- 設定檔（.env、.yml、.toml）：設定與組態
- YAML 檔（.yml、.yaml）：用縮排來組織資料的可讀設定檔，常用在系統設定、CI/CD pipeline 跟 app 組態上
02 · 讀一讀
再一個重要的觀念：程式碼檔其實就是有特殊副檔名的文字檔。任何 .js 或 .html 檔都可以用一般的文字編輯器打開、直接讀。程式碼裡沒什麼神秘或加密的東西。
03 · 配對
把左邊的檔案跟右邊的類型配對：先點左邊一個檔案，再點它對應的右邊類型。
(本節為互動練習，請啟用 JavaScript 體驗)
04 · 選擇題
朋友傳一個叫 styles.css 的檔案給你。這個檔案裡裝的是什麼？
05 · 選擇題
你可以用一般的文字編輯器打開 .js 檔嗎？
- 不行，需要特別的軟體
- 要先改名成 .txt 才可以
- 可以，但程式碼會看不懂 — 會像亂碼一樣
- 可以 — 程式碼檔就只是文字檔
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。