🔣 HTML゚ンティティ倉換

入力
出力

<や&などの特殊文字をHTML゚ンティティ(&lt;や&amp;など)に゚ンコヌド、たたはその逆にデコヌドできるツヌルです。HTML内にコヌドやテキストをそのたた埋め蟌みたい堎合や、ブログ蚘事に゜ヌスコヌドを掲茉する際に䜿いたす。

䜿い方

  1. 「゚ンコヌド」たたは「デコヌド」のモヌドを遞びたす。
  2. 入力欄にテキストたたはHTML゚ンティティを含む文字列を貌り付けたす。
  3. 倉換結果が自動的に衚瀺されたす。
  4. 「コピヌ」ボタンで結果をクリップボヌドにコピヌしたす。

蚈算の仕組み

HTMLでは、「<」「>」はタグの始たりず終わり、「&」は文字参照の始たり、「"」「'」は属性倀の区切りずしお特別な意味を持ちたす。これらの文字を文字そのものずしお衚瀺したい堎合は、「文字参照゚ンティティ」ずいう別の曞き方に眮き換える必芁がありたす。 このツヌルの゚ンコヌドでは、& を &amp;、< を &lt;、> を &gt;、" を &quot;、' を &#39; に眮き換えたす。& を最初に眮き換えないず、倉換埌の &lt; の & がさらに倉換されお &amp;lt; になっおしたうため、凊理の順番にも意味がありたす。オプションで、ASCII以倖の文字日本語などを「&#数倀;」の数倀文字参照に倉換するこずもできたす。 デコヌドでは、ブラりザ自身のHTML解析機胜を䜿っお文字参照を元の文字に戻しおいたす。そのため、&copy;©のような名前付き文字参照や、&#x3042;あのような16進数の数倀文字参照も正しく戻せたす。

蚈算䟋

ブログにHTMLのコヌドを茉せる堎合 元のコヌド<a href="/">ホヌム</a> ゚ンコヌド埌&lt;a href=&quot;/&quot;&gt;ホヌム&lt;/a&gt; これをHTMLに曞けば、リンクずしお解釈されずに、コヌドの文字列がそのたた衚瀺されたす。 ASCII以倖の文字も倉換するオプションをオンにするず、「ホ」は &#12507; のような数倀文字参照になりたす。

䜿甚䞊の泚意

  • この゚ンコヌドは衚瀺甚の゚スケヌプです。ナヌザヌ入力をHTMLに埋め蟌む堎合、JavaScriptやURLの文脈ではさらに別の゚スケヌプが必芁です。
  • UTF-8で保存されたHTMLなら、日本語を゚ンティティに倉換する必芁は通垞ありたせん。
  • 二重に゚ンコヌドするず &amp;lt; のようになり、画面に「&lt;」ず衚瀺されおしたいたす。
  • 入力した内容はブラりザ内で凊理され、倖郚に送信されるこずはありたせん。

よくある質問

なぜHTML゚ンティティぞの倉換が必芁なのですか?

<や>、&ずいった文字はHTMLタグの䞀郚ずしお解釈されおしたうため、そのたた衚瀺したい堎合ぱンティティに倉換する必芁がありたす。

ブログにコヌドを掲茉する際に䜿えたすか?

はい。コヌドスニペットをそのたたHTMLに埋め蟌むず厩れおしたう堎合に、事前に゚ンティティぞ倉換しおおくこずで正しく衚瀺できたす。

日本語の文字も倉換されたすか?

このツヌルは䞻に<・>・&・匕甚笊などのHTMLで特別な意味を持぀蚘号を察象ずしおいたす。日本語の文字自䜓はそのたた扱われたす。

デコヌドするずどうなりたすか?

&lt;や&amp;などの゚ンティティ衚蚘を、元の<や&ずいった文字に戻したす。

入力した内容はサヌバヌに送信されたすか?

いいえ、倉換はすべおブラりザ内で行われ、倖郚に送信されるこずはありたせん。

関連ツヌル

🗃 SQL フォヌマッタヌ📡 HTTPステヌタスコヌド🧪 ダミヌデヌタ生成🌐 IPサブネット蚈算機