工具用的順手嗎?
你的回饋能幫助我們做得更好
將HTML特殊字元與實體編碼相互轉換,用於網頁安全顯示與程式碼展示。
概覽
了解工具能解決的問題、計算或處理邏輯,以及資料邊界。
HTML 會把部分字元當成標記或參照語法的一部分。例如 < 常用來開始標籤,& 則可能開始字元參照。若要在說明文件、教學文章或文字欄位中展示這些符號,而不希望它們被當成 HTML 標記,就可以將文字編碼成 HTML 字元參照。反向解碼則將參照還原成可讀字元。
HTML 字元參照常被口語稱為 HTML 實體。常見形式包括命名參照 <、十進位數字參照 <,以及十六進位數字參照 <;三者都可表示小於符號。詳細名稱和對應字元可查閱 WHATWG HTML 字元參照表與 MDN 字元參照說明。
此頁的 HTML 模式提供編碼與解碼兩種方向,沒有命名、十進位、十六進位或「所有非 ASCII 字元」的輸出選項。編碼著重於讓輸入文字作為 HTML 可見文字呈現;中文等字元不保證會改寫成數字參照。它處理的是文字表示,不是加密,也不會清理或移除危險標籤。
選擇「編碼」時,輸入會轉成 HTML 序列化後的文字;例如 <h1>A & B</h1> 可表示為 <h1>A & B</h1>,讓標籤符號以文字形式顯示。實際輸出以頁面結果為準,普通引號不一定會轉成參照。
選擇「解碼」時,輸入內容會按 HTML 方式解析,再取出可見文字。因此 <strong>嗨</strong> 會還原為帶有尖括號的文字;若輸入的是實際標籤,而非已編碼的標籤字串,標籤會被當成結構解析,未必會保留在結果中。這個行為適合檢視參照解碼後的文字,不適合作為完整 HTML 原始碼的無損解析器。
指南
依步驟完成操作,並透過範例核對輸入與結果。
要展示原始標籤或特殊符號時,選「編碼」;若文字中已出現 <、& 等參照、想確認它們代表什麼,選「解碼」。
將內容放進輸入欄。頁面會依目前方向自動更新結果,也可用範例、貼上或清除控制;不需要另按轉換鈕。HTML 模式沒有額外格式參數可調。
確認尖括號、& 符號、引號和換行符合預期,再使用結果欄的複製功能。若要檢查反向結果,請把輸出複製回輸入欄並切換方向;結果欄本身是唯讀,不會自動回填輸入。
以 <p>R&D</p> 作為編碼輸入時,重點是觀察 <、> 與 & 在輸出中變成可見的字元參照,讓整段標籤原碼可以當一般文字閱讀。反過來,把已編碼的 <p>R&D</p> 放入解碼模式,可檢視還原結果。這個例子說明的是參照和字元之間的表示轉換,不代表解碼後的標籤已經過安全檢查。
情境
查看這項工具在不同工作與生活流程中的用法。
撰寫教學或規格說明時,將含尖括號的短程式碼片段編碼,方便讀者看到標籤字面內容。貼到文件平台後仍應預覽,因為平台可能再做一次轉義。
若從內容欄位複製出的字串出現 & 或 <,可用解碼方向查看其對應文字,協助判斷畫面上的符號為何不同。確認後再依原系統的儲存流程修正資料。
學習 HTML 字元參照時,可比較 <、< 和 < 如何表示同一符號。此工具可協助實際觀察編解碼結果,但不提供參照字典查詢或格式選擇。
問答
集中解答常見疑問與容易混淆的問題。
此模式沒有「全部改成數字參照」的設定,目標是轉換文字中的 HTML 特殊符號,不保證將每個字元都改寫。引號也可能保持原樣;若要用於 HTML 屬性等特定位置,需採用符合該情境的編碼方式。
解碼會解析輸入並讀取可見文字。若輸入包含真正的標籤,解析時它可能被視為結構而非文字,所以不會以原始標籤形式保留。若要展示標籤原碼,請先用編碼方向處理。
不能把這項一般文字轉換當作 XSS 防護或 HTML 清理器。輸出是否安全取決於資料要放入 HTML 正文、屬性、網址、腳本或樣式等哪種上下文;解碼更可能還原出標籤文字,不能直接把結果當成安全內容執行或插入頁面。
須知
使用前了解適用範圍、結果限制與必要提醒。
本工具轉換文字表示,不會驗證程式碼用途,也不會移除標籤、事件屬性或其他內容。
& 的內容再次編碼,可能把其中的 & 再轉義,呈現為多一層參照。先確認來源文字是否已編碼。推薦
查找相關工具、專題與可用的 API 能力。