跳到主要內容
Toolars
探索
回報問題

開發 · 本機工具

HTML 編碼 / 解碼

HTML Encoder / Decoder

把 &、<、> 與引號五個字元轉義為 HTML 實體,或用瀏覽器解析器還原命名與數字參照,互換按鈕快速往返驗證。

任務路徑 / 從輸入到結果

選擇「編碼」或「解碼」

本機執行 · 不做任何上傳

瞭解HTML 編碼 / 解碼的使用方法、隱私說明與相關工具

任務路徑 / 從輸入到結果

如何編碼和解碼 HTML 實體

  1. 01

    選擇「編碼」或「解碼」

    在模式分頁中選擇方向。「編碼」把標記變成可展示的文字;「解碼」把字元參照還原成真實字元。

  2. 02

    貼上內容

    編碼時使用「HTML 或純文字」輸入框,解碼時使用「HTML 實體」輸入框。結果隨輸入即時更新;「載入範例」可以看到一個小的往返範例。

  3. 03

    查看結果

    編碼只轉義五個會破壞標記的字元:&、<、>、" 和 ' 分別變成 &amp;、&lt;、&gt;、&quot; 和 &#39;;解碼則透過瀏覽器自身的解析器還原命名與數字字元參照。

  4. 04

    用互換做往返驗證

    「互換」把輸出移回輸入並選中相反模式,所以你可以編碼一個片段、互換、再解碼回來,確認文字往返後原樣存活。面板標籤隨模式切換,目前方向始終可見。

  5. 05

    複製或下載

    「複製結果」把輸出送入剪貼簿,「下載 .txt」儲存為 toolars-html-entities.txt,方便交給同事或附到工單。「清除」清空兩個面板以處理下一片段。

工具速覽

處理方式
在瀏覽器本機完成
輸入是否離開裝置
從不
資料保留
不儲存任何內容
價格
免費

你的輸入留在瀏覽器裡。

HTML 編碼 / 解碼 使用經過驗證的本機執行路徑,不會建立隱藏的輸入或輸出歷史記錄。

本機執行

在目前瀏覽器分頁內執行。

無隱藏處理

使用中的工具資料絕不會成為 Toolars 的文件記錄。

無需帳戶

無需建立帳戶即可使用核心工作流程。登入後收藏才會同步至你的帳戶。

立即重設

關閉分頁,目前的工作資料即刻消失。

HTML 編碼 / 解碼 究竟做什麼

教學需要展示一段標記而不被瀏覽器吞掉標籤;CMS 匯出的內容撒滿了 &amp; 和 &#39;,總得有人讀;範本因為一個屬性值裡的裸引號反覆壞掉。HTML 編碼 / 解碼 在本機處理兩個方向,「互換」按鈕讓往返檢查只需點兩下——這也是預覽儲存後的匯出內容被瀏覽器解析後模樣的最快方式。草稿內容和未發布頁面不會離開分頁,結果面前也沒有任何帳戶門檻。

常見問題

「編碼」會轉義哪些字元?
恰好五個:&、<、>、雙引號和單引號,分別變成 &amp;、&lt;、&gt;、&quot; 和 &#39;。其餘內容保持原樣,因此一般文字在編碼結果中仍然可讀。
「解碼」能還原哪些實體?
解碼透過瀏覽器 HTML 解析器辨識 &amp; 等命名參照、&#38; 等十進位參照與 &#x26; 等十六進位參照。未知參照保持原樣。有些命名參照即使沒有結尾分號仍會被瀏覽器解碼,因此不能靠省略分號保證文字不變。
編碼等同於淨化 HTML 嗎?
不等同。編碼只是轉義五個字元,讓標記以文字形式顯示;這是展示手段,不是安全過濾器,適用於教學、文件和程式碼範例。當你真的要渲染使用者內容時,不要把編碼輸出當作真正淨化策略的替代品。
為什麼撇號變成 &#39; 而不是 &apos;?
編碼器使用數字引用 &#39;,所有 HTML 解析器在 HTML 和 XHTML 上下文中都接受。它能透過任何符合標準的解析器(包括瀏覽器內建的)解碼回普通撇號。
解碼沒有實體的文字會怎樣?
原樣回傳。解碼只改寫它識別的字元引用,純文字會原樣通過,所以可以安全地對未知內容執行「解碼」,檢查它是否含有實體。
我的標記會被上傳到別處嗎?
不會。兩個方向都完全在目前瀏覽器分頁內執行,輸入不會被傳送或保留,也無需帳號。

繼續探索開發者工具

相關任務,而非死胡同。

無需返回完整索引,直接進入另一個專注的工作區。

程式碼轉圖片

Code to Image Converter

把六種語言的程式碼渲染為帶行號與視窗標題的圖片,淺色深色兩種主題,可嵌入自備字型,匯出 SVG 或 1x、2x PNG。

建立

URL Slug 產生器

URL Slug Generator

把標題即時轉為小寫 slug:去除重音、& 變 and、標點折疊為連字號或底線,保留中日文字元,全程本機。

建立

React Native 陰影產生器

React Native Shadow Generator

對照即時預覽調整 iOS 陰影與 Android elevation,支援新架構 boxShadow 模式,複製可用的 StyleSheet 程式碼。

建立

Base64 編碼 / 解碼

Base64 Encoder/Decoder

在本機雙向轉換 Base64,支援 UTF-8、URL-safe 與保留換行選項,解碼即時驗證,互換按鈕一鍵往返檢查。

轉換