HTML 實體編碼/解碼器
將特殊字元編碼為 HTML 實體,或將 HTML 實體解碼回字元。支援所有命名實體與數值實體,即時轉換。
常用 HTML 實體參考表
點擊「插入」可加入輸入框| 字元 | 命名實體 | 數值實體 | 十六進位 | 說明 | 操作 |
|---|
什麼是 HTML 實體?
HTML 實體(HTML Entities)是一種特殊的文字序列,用於在 HTML 文件中表示保留字元或特殊符號。當您需要在網頁中顯示 <、>、& 等字元時,若直接寫入 HTML 會被瀏覽器誤解為標籤或語法,因此必須使用 HTML 實體來安全地表示它們。
HTML 實體有兩種格式:
- 命名實體:如
<(<)、&(&)、 (不換行空格) - 數值實體:十進位如
<,十六進位如<,均代表同一個字元
如何使用此工具
- 選擇「編碼」模式,將含有特殊字元的文字轉換為安全的 HTML 實體格式
- 選擇「解碼」模式,將 HTML 實體還原為原始字元
- 勾選「引號」選項可同時編碼單引號與雙引號,適合 HTML 屬性值使用
- 勾選「非 ASCII 字元」可將中文、日文等字元轉為數值實體(適合純 ASCII 環境)
- 使用「十六進位」選項可切換為
&#xNN;格式 - 點擊「複製結果」一鍵複製輸出,或使用「⇄ 交換」將輸出轉為新的輸入繼續處理
使用場景
- 前端開發:安全地在 HTML 中顯示使用者輸入,防止 XSS 攻擊
- 部落格/內容管理:撰寫技術文章時展示 HTML 程式碼範例
- 電子郵件範本:確保 HTML 郵件中的特殊字元正確顯示
- XML/SVG 處理:確保特殊字元符合 XML 規範
- 資料清洗:將帶有實體的文字還原為可讀格式
常見問題
Q:編碼和轉義(Escape)有什麼區別?
HTML 實體編碼(Entity Encoding)是 HTML 轉義的一種實作方式。「轉義」是廣義概念,指將特殊字元轉為安全表示;HTML 實體則是具體的 HTML 標準格式。兩者在網頁開發語境中常互換使用。
Q:為什麼 & 最重要?
因為 & 是 HTML 實體的起始符號,若不轉義,瀏覽器會嘗試解析後面的字元為實體,導致顯示錯誤。例如 AT&T 應寫成 AT&T。編碼時 & 必須最先被替換。
Q:何時需要編碼引號?
在 HTML 屬性值中使用時必須編碼。例如 <input value="Say "Hello"">。但在一般文字節點中,引號通常不需要編碼(瀏覽器可正確識別)。
Q:中文字元需要編碼嗎?
在現代 HTML(UTF-8 編碼)中,中文字元可以直接使用,無需轉換為數值實體。只有在必須使用純 ASCII 的特殊環境(如舊版電子郵件系統)中,才建議將非 ASCII 字元轉為 &#NNNNN; 格式。
Q:命名實體和數值實體哪個更好?
命名實體(如 <)可讀性更高,適合人工閱讀與維護。數值實體(如 <)相容性更廣,幾乎所有解析器都支援。對於基本的 5 個特殊字元(< > & " '),使用命名實體是最佳實踐。
Q:此工具是否支援所有 HTML 實體?
是的,此工具支援所有 HTML5 標準命名實體(超過 2000 個)以及數值實體(十進位與十六進位)。解碼時使用瀏覽器原生解析能力,確保 100% 相容於標準規範。
