首頁 AI 工具評測 關於我們
編碼工具

HTML 實體編碼/解碼器

將特殊字元編碼為 HTML 實體,或將 HTML 實體解碼回字元。支援所有命名實體與數值實體,即時轉換。

輸出將顯示於此... 已複製!

常用 HTML 實體參考表

點擊「插入」可加入輸入框
字元 命名實體 數值實體 十六進位 說明 操作

什麼是 HTML 實體?

HTML 實體(HTML Entities)是一種特殊的文字序列,用於在 HTML 文件中表示保留字元或特殊符號。當您需要在網頁中顯示 <>& 等字元時,若直接寫入 HTML 會被瀏覽器誤解為標籤或語法,因此必須使用 HTML 實體來安全地表示它們。

HTML 實體有兩種格式:

  • 命名實體:如 &lt;(<)、&amp;(&)、&nbsp;(不換行空格)
  • 數值實體:十進位如 &#60;,十六進位如 &#x3C;,均代表同一個字元

如何使用此工具

  • 選擇「編碼」模式,將含有特殊字元的文字轉換為安全的 HTML 實體格式
  • 選擇「解碼」模式,將 HTML 實體還原為原始字元
  • 勾選「引號」選項可同時編碼單引號與雙引號,適合 HTML 屬性值使用
  • 勾選「非 ASCII 字元」可將中文、日文等字元轉為數值實體(適合純 ASCII 環境)
  • 使用「十六進位」選項可切換為 &#xNN; 格式
  • 點擊「複製結果」一鍵複製輸出,或使用「⇄ 交換」將輸出轉為新的輸入繼續處理

使用場景

  • 前端開發:安全地在 HTML 中顯示使用者輸入,防止 XSS 攻擊
  • 部落格/內容管理:撰寫技術文章時展示 HTML 程式碼範例
  • 電子郵件範本:確保 HTML 郵件中的特殊字元正確顯示
  • XML/SVG 處理:確保特殊字元符合 XML 規範
  • 資料清洗:將帶有實體的文字還原為可讀格式

常見問題

Q:編碼和轉義(Escape)有什麼區別?

HTML 實體編碼(Entity Encoding)是 HTML 轉義的一種實作方式。「轉義」是廣義概念,指將特殊字元轉為安全表示;HTML 實體則是具體的 HTML 標準格式。兩者在網頁開發語境中常互換使用。

Q:為什麼 &amp; 最重要?

因為 & 是 HTML 實體的起始符號,若不轉義,瀏覽器會嘗試解析後面的字元為實體,導致顯示錯誤。例如 AT&T 應寫成 AT&amp;T。編碼時 & 必須最先被替換。

Q:何時需要編碼引號?

在 HTML 屬性值中使用時必須編碼。例如 <input value="Say &quot;Hello&quot;">。但在一般文字節點中,引號通常不需要編碼(瀏覽器可正確識別)。

Q:中文字元需要編碼嗎?

在現代 HTML(UTF-8 編碼)中,中文字元可以直接使用,無需轉換為數值實體。只有在必須使用純 ASCII 的特殊環境(如舊版電子郵件系統)中,才建議將非 ASCII 字元轉為 &#NNNNN; 格式。

Q:命名實體和數值實體哪個更好?

命名實體(如 &lt;)可讀性更高,適合人工閱讀與維護。數值實體(如 &#60;)相容性更廣,幾乎所有解析器都支援。對於基本的 5 個特殊字元(< > & " '),使用命名實體是最佳實踐。

Q:此工具是否支援所有 HTML 實體?

是的,此工具支援所有 HTML5 標準命名實體(超過 2000 個)以及數值實體(十進位與十六進位)。解碼時使用瀏覽器原生解析能力,確保 100% 相容於標準規範。

返回頂端