EllyTools

画像ツール

計算ツール

テキストツール

カラーツール

ファイルツール

便利ツール

HTMLエスケープ/アンエスケープ

HTMLエンティティの変換と復元をワンクリックで

0 chars
0 chars

使い方

1

HTMLコードまたは特殊文字を含むテキストを貼り付けてください

2

エスケープをクリックして特殊文字をHTMLエンティティに変換(またはアンエスケープで逆変換)

3

結果をコピーしてHTMLコードに使用してください

よくある質問

関連ツール

こんな方におすすめ

  • 安全な表示のためにHTMLをエンコードするWeb開発者
  • 投稿にコードスニペットを埋め込むブロガー
  • ウェブページでHTMLコードをテキストとして表示したい方

EllyToolsが選ばれる理由

100%無料&無制限

登録不要、制限なし。何度でもお使いいただけます。

プライバシー最優先

すべての処理はブラウザ内で行われます。ファイルがデバイスの外に出ることはありません。

インストール不要

デスクトップ、タブレット、スマートフォンなど、あらゆるデバイスのブラウザで直接動作します。

高速&安定

最新のブラウザ技術による即座の結果。

HTML Escape Tool: Encoding Special Characters Safely

When you want to display HTML code as text instead of having it rendered, special characters like <, >, &, " need to be escaped to their entity forms. This tool handles that conversion both ways.

HTML reserves certain characters for syntax: < starts a tag, & starts an entity, " delimits attributes. To display these characters literally in HTML, they have to be escaped: < becomes &lt;, > becomes &gt;, & becomes &amp;, " becomes &quot;. This is essential for showing code samples or any user-provided text inside HTML.

The reverse — unescaping — converts the entities back to their original characters, useful when reading HTML source or processing data that's already escaped.

Common HTML entities

CharacterEntityNumeric
<&lt;&#60;
>&gt;&#62;
&&amp;&#38;
"&quot;&#34;
'&apos;&#39;
non-breaking space&nbsp;&#160;

Extended FAQ

Why does '&' need escaping?

Because & itself starts an HTML entity. If you write 'A & B' in HTML, browsers may try to interpret '& B;' as an entity. Escaping & to &amp; makes the literal ampersand unambiguous.

Is escaping the same as URL encoding?

No — different contexts use different escaping rules. URL encoding (percent-encoding) uses %20 for space; HTML uses &nbsp;. Don't mix them.

Are my pasted strings stored?

No — runs entirely in your browser.

What is HTML Escaping?

HTML escaping converts special characters like <, >, &, ", and ' into their corresponding HTML entities (&lt;, &gt;, &amp;, &quot;, &#39;). This prevents browsers from interpreting them as HTML markup, which is essential for displaying code snippets, preventing XSS attacks, and ensuring content renders correctly.

Unescaping reverses this process, converting HTML entities back to their original characters. This tool handles both named entities (like &nbsp;) and numeric entities (like &#169; or &#x00A9;).