---
title: "HTMLエスケープ/アンエスケープ - HTML特殊文字を相互変換"
description: HTMLの特殊文字とHTMLエンティティを相互変換できるツールです。&や<>などの記号をエスケープし、エスケープ済みの文字列を元の形に戻します。コード例の表示や変換結果の確認に使えます。
canonical_url: "https://web-toolbox.dev/tools/html-escape-unescape"
meta:
  author: K
  "og:description": HTMLの特殊文字とHTMLエンティティを相互変換できるツールです。&や<>などの記号をエスケープし、エスケープ済みの文字列を元の形に戻します。コード例の表示や変換結果の確認に使えます。
  "og:image": "https://web-toolbox.dev/og/ja/tools/html-escape-unescape-2af2ce33.png"
  "og:image:alt": HTMLエスケープ/アンエスケープ
  "og:image:height": "630"
  "og:image:width": "1200"
  "og:title": "HTMLエスケープ/アンエスケープ - HTML特殊文字を相互変換"
---

> Index of every page on this site: [llms.txt](https://web-toolbox.dev/llms.txt)

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

HTML特殊文字とHTMLエンティティを相互変換

変換タイプ

**HTMLコード**

0

**変換結果**

読み取り専用

0

## HTMLエスケープ/アンエスケープツールとは？

HTMLの特殊文字をエンティティへ変換したり、エスケープ済みの文字列を元の形に戻したりできるツールです。コード例をそのまま表示したいときや、エスケープ済み文字列の中身を確認したいときに使えます。

変換タイプを切り替えるだけで、エスケープとアンエスケープの両方向をその場で確認できます。入力内容はブラウザ内だけで処理されます。

## 使い方

1. 変換タイプで「エスケープ」または「アンエスケープ」を選びます。
2. 入力欄にテキストを貼り付けるか入力します。
3. 変換結果を確認します。

## 主な設定項目

### 変換タイプ

変換の方向を選びます。

- エスケープ: `**<**` や `**>**`、 `**&**` などを、HTML内でそのまま表示できる文字列へ変換します
- アンエスケープ: `**&lt;**` や `**&gt;**` のようなエスケープ済み文字列を、元の文字へ戻します

```html
<div>Hello World</div>
```

エスケープすると、次のような形に変換されます。

```html
&lt;div&gt;Hello World&lt;/div&gt;
```

## 活用シーン

- ブログやドキュメントでHTMLコードをそのまま表示したいとき
- エスケープ済みのHTML文字列を確認したいとき
- フォーム入力やテンプレート出力の安全な扱いを考えたいとき

## 使うときの注意点

- このツールは文字列変換の確認用であり、アプリ全体のXSS対策を自動で保証するものではありません
- アンエスケープした結果をそのまま描画に使う場合は、利用箇所に応じた安全確認が必要です

**使ってみてどうでしたか？**

最終更新: 2024年10月20日

### **関連ツール**

- [<h4>**JWTデコーダー**</h4>](https://web-toolbox.dev/tools/jwt-decoder)
- [<h4>**JSON整形**</h4>](https://web-toolbox.dev/tools/json-formatter)
- [<h4>**正規表現チェッカー**</h4>](https://web-toolbox.dev/tools/regex-checker)
- [<h4>**SQL整形**</h4>](https://web-toolbox.dev/tools/sql-formatter)
- [<h4>**UUIDバリデーター**</h4>](https://web-toolbox.dev/tools/uuid-validator)
- [<h4>**XML整形**</h4>](https://web-toolbox.dev/tools/xml-formatter)
- [<h4>**URLエンコード・デコード**</h4>](https://web-toolbox.dev/tools/url-encode-decode)
- [<h4>**Base64デコード**</h4>](https://web-toolbox.dev/tools/base64-decode)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://web-toolbox.dev/#website","@type":"WebSite","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","inLanguage":"ja-JP","name":"Web ToolBox","url":"https://web-toolbox.dev/","workTranslation":{"@id":"https://web-toolbox.dev/en#website"}},{"@id":"https://web-toolbox.dev/tools/html-escape-unescape#webpage","@type":"WebPage","description":"HTMLの特殊文字とHTMLエンティティを相互変換できるツールです。&や<>などの記号をエスケープし、エスケープ済みの文字列を元の形に戻します。コード例の表示や変換結果の確認に使えます。","name":"HTMLエスケープ/アンエスケープ - HTML特殊文字を相互変換","url":"https://web-toolbox.dev/tools/html-escape-unescape","breadcrumb":{"@id":"https://web-toolbox.dev/tools/html-escape-unescape#breadcrumb"},"isPartOf":{"@id":"https://web-toolbox.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://web-toolbox.dev/tools/html-escape-unescape"]}]},{"@id":"https://web-toolbox.dev/tools/html-escape-unescape#/schema/web-application/1","@type":"WebApplication","applicationCategory":"UtilityApplication","description":"HTMLの特殊文字とHTMLエンティティを相互変換できるツールです。&や<>などの記号をエスケープし、エスケープ済みの文字列を元の形に戻します。コード例の表示や変換結果の確認に使えます。","name":"HTMLエスケープ/アンエスケープ - HTML特殊文字を相互変換","operatingSystem":"Windows, macOS, Linux, Android, iOS"},{"@id":"https://web-toolbox.dev/tools/html-escape-unescape#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"ホーム","item":"https://web-toolbox.dev/","position":1},{"@type":"ListItem","name":"コード","item":"https://web-toolbox.dev/categories/code","position":2},{"@type":"ListItem","name":"HTMLエスケープ/アンエスケープ","item":"https://web-toolbox.dev/tools/html-escape-unescape","position":3}]}]}
```

## Sitemap

See the full [sitemap](https://web-toolbox.dev/sitemap.md) for all pages.