最もよく使われるHTMLエスケープシーケンス

最もよく使われるHTMLエスケープシーケンス
HTML では、<、>、& などは特別な意味を持ち (<、> はリンク タグ、& はエスケープ)、直接使用することはできません。これらのシンボルは、最終的に表示される Web ページには表示されません。これらのシンボルを Web ページに表示したい場合はどうすればよいでしょうか。
ここで HTML エスケープ シーケンスが登場します。
エスケープ シーケンスは、文字エンティティとも呼ばれます。 HTML では、エスケープ文字列が 2 つの理由で定義されています。1 つ目の理由は、「<」や「>」などの記号は既に HTML タグを表すために使用されているため、テキスト内の記号として直接使用できないことです。これらのシンボルを HTML ドキュメントで使用するには、エスケープ文字列を定義する必要があります。インタープリタはこのタイプの文字列に遭遇すると、それを実際の文字として解釈します。エスケープ文字列を入力するときは、大文字と小文字のルールに厳密に従ってください。 2 番目の理由は、一部の文字が ASCII 文字セットで定義されていないため、エスケープ文字列を使用して表現する必要があることです。
エスケープ シーケンス、つまり文字エンティティは 3 つの部分に分かれています。最初の部分はアンパサンド、2 番目の部分はエンティティ名または # とエンティティ番号、3 番目の部分はセミコロンです。
たとえば、小なり記号 (<) を表示するには、&lt; または &#60; と記述します。
エンティティ名を使用する利点は、理解しやすいことです。lt を見ると、それが「より小さい」という意味であることが推測できるでしょう。ただし、すべてのブラウザが最新のエンティティ名をサポートしているわけではないという欠点があります。エンティティ番号は、さまざまなブラウザで処理できます。
ヒント: エンティティ名では大文字と小文字が区別されます。
注意:同じシンボルを「エンティティ名」と「エンティティ番号」の2つの方法で参照できます。「エンティティ名」の利点は覚えやすいことですが、すべてのブラウザでスムーズに認識できるという保証はありません。「エンティティ番号」にはこの懸念はありませんが、覚えるのは本当に不便です。
最もよく使われる文字エンティティ
文字エンティティ表示の説明エンティティ名エンティティ番号
半角空白 &ensp; &#8194;
巨大な空白 &emsp; &#8195;
途切れない空白 &nbsp; &#160;
< 未満 &lt; &#60;
> より大きい > &#62;
&シンボル &amp; &#38;
二重引用符 &#34;
© 著作権 &コピー; &#169;
® 登録商標 &reg; &#174;
商標(米国) &#8482;
× 乗算記号 &times; &#215;
÷ 除算記号 &分ける; &#247;

<<:  vue data が関数である理由をご存知ですか?

>>:  MySQLクエリ最適化プロセスを理解する

推薦する

Linux (Ubuntu 18.04) に vim エディタをインストールする方法

デスクトップ システムをダウンロードするには、Ubuntu の公式 Web サイト (https:/...

MySQLにインデックスを追加しても効果がないいくつかの状況について簡単に説明します。

インデックスを追加すると、クエリの効率が向上します。インデックスを追加するということは、ドキュメント...

JavaScript で実装された 6 つの Web ページ画像カルーセル効果の詳細な説明

目次1. マウスがカルーセル モジュール上を通過すると、左右のボタンが表示され、モジュールを離れると...

MySQL 5.7.18 のダウンロードとインストールの詳細な手順

MySql ダウンロード1. 公式サイトを開き、ダウンロード パスを見つけます。ダウンロード アドレ...

Vue で Excel ストリーム ファイルをダウンロードし、ダウンロード ファイル名を設定する方法

目次概要1. URL経由でダウンロード2. aタグのダウンロード属性とblobコンストラクタを組み合...

MySQL マルチインスタンス構成のアプリケーションシナリオ

目次MySQL 複数インスタンスマルチインスタンスの概要マルチインスタンスとは何ですか?複数のインス...

Reactの新バージョンのライフサイクルフック機能と使用方法の詳細な説明

旧ライフサイクルと比較して 3つのフックが廃止され、2つの新しいフックが追加されましたReact16...

MySQLはtruncateコマンドを使用してデータベース内のすべてのテーブルを素早くクリアします

1. まずSELECT文を実行して、すべての切り捨て文を生成します。ステートメント形式: selec...

MySQL でデータを削除してもテーブル ファイルのサイズが変更されないのはなぜですか?

長期間稼働しているデータベースの場合、テーブルがストレージ領域を占有しすぎるという問題がよく発生しま...

入力ファイルのカスタムボタンの美化(デモ)

以前にも同じような記事を書いたことがありますが、js スクリプトを使用しており、ファイルパスを表示で...

MySQL テーブルの追加、削除、変更、クエリの基本チュートリアル

1. 作成する [テーブル名] (フィールド1、フィールド2、...) 値 (値1、値2、...) ...

JavaScript Sandboxについての簡単な説明

序文:サンドボックスといえば、私たちの頭には反射的に上の写真が思い浮かび、すぐに興味がわいてくるかも...

MySQLはデータ復旧を実装するためにbinlogログを使用する

MySQL binlog は MySQL ログの中で非常に重要なログであり、データベースのすべての ...

Confluence と jira-software を Docker にデプロイする方法

バージョン: セントロス==7.2 jdk==1.8 合流==6.15.4 jira-ソフトウェア=...