HTML 實體轉義

HTML 實體轉義

在文字與 HTML 實體(& < > " ')之間互轉

瀏覽器本地計算

輸入原始文本後選擇編碼;輸入實體字符串後選擇解碼。結果僅作為文本展示,不會執行其中的 HTML。

範例

輸入

<p>A & B</p>

示例結果

&lt;p&gt;A &amp; B&lt;/p&gt;

再執行一次解碼即可還原文本;結果不會作為 HTML 執行。

技術細節與邊界

轉義按單次掃描替換,避免同一輪把新生成的 &amp; 再次編碼。解碼支持 amp、lt、gt、quot、apos 及數字引用,不是完整的 HTML 命名實體詞典。HTML 正文、屬性、JavaScript 與 URL 的轉義規則不同,不能用本工具代替上下文相關的輸出處理。

關於此工具

將 &、<、>、雙引號和單引號轉為 HTML 實體,或還原常見實體與十進制、十六進制字符引用。用於在頁面正文、代碼示例和模板中展示原始標記;結果以純文本顯示。

適用場景

  • 將使用者輸入回顯到 HTML 之前做轉義,避免 XSS。
  • 在部落格 / 文件裡貼一段 HTML 程式碼作為範例。
  • 把介面回傳的實體字元還原成人可讀文字。

操作步驟

  1. 把要處理的文字貼進輸入框。
  2. 按 Escape 轉義,或 Unescape 解碼。

注意事項

僅支持五種常用命名實體及數字字符引用,未覆蓋的名稱如 &nbsp; 會原樣保留。

常見問題

HTML 轉義尖括號和引號有甚麼作用?
HTML轉義可讓尖括號與引號按文本顯示,避免被誤當成標記。小於號可寫成&#60;,雙引號可寫成&#34;;本工具適合檢查文本實體,腳本和屬性輸出仍需遵循對應上下文的轉義規則。
HTML 數字實體十進制和十六進制怎麼解碼?
HTML數字實體可用十進制或十六進制表示同一碼點。比如&#65;與&#x41;都表示字母A;本工具支持這2種數字引用,命名實體僅覆蓋常見項目,不能當作完整實體詞典使用。
HTML 轉義兩次為甚麼顯示&amp;lt;?
HTML轉義兩次會把第一次生成的實體前綴再次轉義,導致頁面顯示實體文本。小於號轉義1次得到&lt;,轉義2次得到&amp;lt;;應核對數據經過的處理層數,通常在實際輸出處統一轉義。

相關工具

HTML 實體轉義 · 在文字與 HTML 實體(&amp; &lt; &gt; &quot; &#39;)之間互轉
HTML 實體轉義 — 工具示意圖 · dayeku.com