JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTMLの特殊文字とは？エンティティと数値コードの一覧・使い方を解説

HTMLの特殊文字とは？

HTMLには、文書内で特別な意味を持つ「予約文字」がいくつか存在します。たとえば、小なり記号（<）や大なり記号（>）といった山括弧は、HTMLタグの開始と終了を表すために使われるため、本文中にそのまま記述すると、ブラウザがそれをタグとして解釈してしまい、意図どおりに表示されません。

こうした問題を回避するには、特殊文字を「文字実体参照（エンティティ）」または「数値文字参照」に置き換えて記述する必要があります。

HTMLでサポートが必須となる5つの特殊文字

HTMLプロセッサ（ブラウザなど）は、次の表に示す5つの特殊文字を必ずサポートしなければなりません。それぞれの記号には、エンティティ名と数値コードという2種類の記述方法が用意されています。

記号説明エンティティ名数値コード
"二重引用符（ダブルクォート）&quot;&#34;
'アポストロフィ（シングルクォート）&apos;&#39;
&アンパサンド&amp;&#38;
<小なり記号&lt;&#60;
>大なり記号&gt;&#62;

記述例：比較式を表示したい場合

たとえば「x < y」というテキストを画面に表示したい場合は、次のように記述します。

x &lt; y

このようにエスケープすることで、ブラウザは「<」をタグの開始ではなく、単なる文字として正しく表示できます。

補足：「&amp;」はURLでも頻出

特にアンパサンド（&amp;）は、クエリパラメータを含むURLをHTMLに埋め込む際にも頻繁に登場します。正しくエスケープしないと、HTMLの構文チェック（バリデーション）でエラーになることがあるため、注意が必要です。

  1. HTMLレイアウト入門：セマンティック要素と主要なレイアウト手法を徹底解説

    HTMLレイアウトとは HTMLレイアウトとは、Webページ上に配置される各コンポーネント（ヘッダー、ナビゲーション、本文、フッターなど）の配置構造を定義する仕組みのことです。HTMLには、ページ内のさまざまなセクションを意味的に示すためのセマンティック要素が数多く用意されており、これらを活用することで、検索エンジンやスクリーンリーダーにも伝わりやすい、アクセシブルなページ構造を作れます。 HTMLレイアウトで使用される主なセマンティック要素 以下は、HTMLレイアウトでよく使われるセマンティック要素の一覧です。 タグ説明 <header>セクションまたはドキュメント全体

  2. HTMLエディターとは？代表的な無料エディターの特徴を徹底解説

    HTMLエディターとはHTMLエディターとは、HTMLドキュメントの作成・編集を行い、場合によってはその場で実行までできるツールのことです。現在では、無料・有料を問わず、プロフェッショナル向けの高機能なHTMLエディターが数多く提供されています。Windows標準のメモ帳（Notepad）にはない、テーマのカスタマイズやターミナル連携といった付加機能を備えたエディターも多く、用途やスキルレベルに合わせて選ぶことができます。ここでは、特によく使われている代表的なHTMLエディターをご紹介します。Notepad（メモ帳）最も基本的な無料HTMLエディターの一つです。Windowsに標準搭載されてお