在 HTML 中正確顯示保留字符：字符實體、數值引用與編碼規範

HTML 中 <、>、&、"、' 為保留字符，直接書寫會被解析為標籤/屬性語法，必須使用字符實體或數值引用轉義。

常用字符實體對照

空白字符處理

• HTML 預設將連續空白 (空格、換行、Tab) 折疊為單一空格。
•   (No-Break Space) 強制保留空格且不換行。
•   (En Space, 半形寬)、  (Em Space, 全形寬)、  (Thin Space, 窄空格)。
• CSS white-space: pre/pre-wrap/pre-line 保留原始格式。

編碼最佳實踐

1. 檔案儲存為 UTF-8 無 BOM，涵蓋所有 Unicode 字符，無需實體編碼中文/表情符號。
2. <meta charset="UTF-8"> 放在 <head> 最前端。
3. HTTP 標頭 Content-Type: text/html; charset=utf-8 需一致。
4. 僅對保留字符 ( <>&"' ) 轉義，其他字符直接輸入 UTF-8 即可。
5. 模板引擎 (Nunjucks, Handlebars, Jinja2, PHP 等) 應預設開啟自動轉義，防止 XSS。

正確處理字符轉義，是 Web 安全與國際化的基礎功夫。