HTMLエンティティ エンコード
HTMLまたはテキストを下に貼り付けてエンコードをクリックすると特殊文字がHTMLエンティティにエスケープされます。すべての処理はブラウザ内でローカルに行われます。
HTMLエンティティエンコーディングとは？
HTMLエンティティエンコーディングは、特殊文字をHTMLエンティティに変換し、HTMLマークアップとして解釈されるのを防ぎます。例：
<<>>&&""''
これによりXSS攻撃を防ぎ、HTMLドキュメント内でテキストが正しく表示されるようにします。
効いてくるのは範囲の設定です。HTML を壊す文字だけをエンコードすれば本文は読みやすいままで、人が後から編集するものにはこれが正解です。ASCII を超える文字をすべてエンコードすると、1 バイト文字セットに固定された経路でも壊れない出力になりますが、ファイルはかなり大きくなります。見出しが理由もなくおかしいときは、不可視文字のオプションを一度かけてみてください。コピーとペーストで紛れ込んだノーブレークスペースやゼロ幅接合子が、目に見える名前付き参照として現れます。
マークアップに手こずっていませんか
エスケープされた実体参照、崩れた文字コード、CMS では正しく見えるのにページでは違って見える内容。たいていは、どこかが推測で処理しているサインです。当社はフロントエンドと、その背後にある公開の流れまで作ります。書いたとおりに訪問者へ届けるためです。
サイトについて相談するよくある質問
HTML の実体参照とは何ですか
文字をマークアップではなくテキストとしてブラウザーに読ませるための書き方です。& はアンパサンド、< は小なり記号を表し、これのおかげで紛れ込んだ山かっこがタグの始まりと解釈されずに済みます。
実際にエンコードが必要な文字はどれですか
本文中で厳密に必要なのはアンパサンドと小なり記号だけで、大なり記号は慣習です。属性の中では、それを閉じる引用符も必要になります。それ以外は任意なので、このページの既定はちょうどその集合だけをエンコードし、残りは読める形で残します。
名前付きと数値、どちらを使いますか
名前付きは読みやすく、ファイルを編集する人にも伝わります。数値はすべての文字に使え、名前のない多くの文字も表せますし、解析器が名前を知っているかどうかに左右されません。仕様書や生成された出力で目にするのは 16 進の形です。
ASCII を超える文字をすべてエンコードするのはなぜですか
経路のどこかがそれ以外を任せられないからです。古い書き出し、メールのテンプレート、宣言した文字セットと違うものを送ってくるシステムなど。ASCII を超える文字をエンコードすればファイルはそれを乗り切りますが、サイズは犠牲になり、人が再び編集するものには不向きです。
不可視文字のオプションは何を見つけますか
ノーブレークスペース、ゼロ幅接合子、ソフトハイフンなど、コピーとペーストで紛れ込み、目に見える理由もなくレイアウトを壊す文字です。有効にすると目に見える参照として表示され、原因の 1 文字にたどり着く最短の道になります。