HTMLエンティティとは？特殊文字の正しい書き方と一覧
HTMLでは、一部の文字が構文（タグの宣言）のために予約されており、これらをテキストとしてそのまま使用すると、意図しないエラーや表示崩れの原因となります。たとえば、半角の「<」や「>」（不等号・山かっこ）を本文中にそのまま記述すると、ブラウザはそれをHTMLタグの一部として解釈してしまうため、正しく表示されません。
このような予約文字や、キーボードから直接入力しにくい記号（©や€など）を安全に表示するために使われるのが「HTMLエンティティ」です。
注意： エンティティ名は大文字・小文字が区別されるため、必ず表記どおりに正確に入力してください。
エンティティの書き方（構文）
HTMLエンティティは、次のいずれかの形式で記述します。
&entity_name;
または
&#entity_number;
エンティティ名（&lt; など）は覚えやすく可読性が高い一方、エンティティ番号（&#60; など）はすべての文字に割り当てられており、対応範囲が広いという特徴があります。
よく使われるHTMLエンティティ一覧
以下は、実務で特によく使われるエンティティの一覧です。
| 表示結果 | 説明 | エンティティ名 | エンティティ番号 |
|---|---|---|---|
| < | より小さい（小なり記号） | &lt; | &#60; |
| > | より大きい（大なり記号） | &gt; | &#62; |
| & | アンパサンド | &amp; | &#38; |
| " | 二重引用符（ダブルクォート） | &quot; | &#34; |
| ' | 一重引用符（アポストロフィ） | &apos; | &#39; |
| £ | ポンド記号 | &pound; | &#163; |
| ¥ | 円記号 | &yen; | &#165; |
| € | ユーロ記号 | &euro; | &#8364; |
| © | 著作権記号 | &copy; | &#169; |
| ® | 登録商標記号 | &reg; | &#174; |
特に「&lt;」「&gt;」「&amp;」の3つは、HTMLのソースコードを記事やドキュメント内で紹介する際に頻繁に使われる重要なエンティティです。正しく使い分けることで、ブラウザに意図どおりの文字を表示させることができます。
-
HTMLレイアウト入門：セマンティック要素と主要なレイアウト手法を徹底解説
HTMLレイアウトとは HTMLレイアウトとは、Webページ上に配置される各コンポーネント（ヘッダー、ナビゲーション、本文、フッターなど）の配置構造を定義する仕組みのことです。HTMLには、ページ内のさまざまなセクションを意味的に示すためのセマンティック要素が数多く用意されており、これらを活用することで、検索エンジンやスクリーンリーダーにも伝わりやすい、アクセシブルなページ構造を作れます。 HTMLレイアウトで使用される主なセマンティック要素 以下は、HTMLレイアウトでよく使われるセマンティック要素の一覧です。 タグ説明 <header>セクションまたはドキュメント全体
-
HTMLエディターとは？代表的な無料エディターの特徴を徹底解説
HTMLエディターとはHTMLエディターとは、HTMLドキュメントの作成・編集を行い、場合によってはその場で実行までできるツールのことです。現在では、無料・有料を問わず、プロフェッショナル向けの高機能なHTMLエディターが数多く提供されています。Windows標準のメモ帳（Notepad）にはない、テーマのカスタマイズやターミナル連携といった付加機能を備えたエディターも多く、用途やスキルレベルに合わせて選ぶことができます。ここでは、特によく使われている代表的なHTMLエディターをご紹介します。Notepad（メモ帳）最も基本的な無料HTMLエディターの一つです。Windowsに標準搭載されてお