HTML でアポストロフィを書く

Rajeev Baniya 2023年2月19日
  1. エンティティ番号’ を使用するまたはエンティティ名’ HTML でアポストロフィを書く
  2. エンティティ番号' を使用するまたはエンティティ名' HTML でアポストロフィを書く
HTML でアポストロフィを書く

この記事では、HTML でアポストロフィを記述する方法を紹介します。

エンティティ番号’ を使用するまたはエンティティ名’ HTML でアポストロフィを書く

HTML には予約文字がいくつかあります。ブラウザはこれらの文字を意図したものとは別のものとして解釈する可能性があるため、これらの文字をエスケープする必要があります。

たとえば、> より大きいまたは < より小さい記号を書き込むと、ブラウザはそれらを HTML タグとして解釈します。このような場合、エンティティ名またはエンティティ番号を使用して文字をエスケープします。

HTML では、いくつかの特殊文字をエスケープする必要があります。アポストロフィ記号はその 1つです。

エンティティ番号&#8217; を使用できます HTML のアポストロフィ記号をエスケープします。エンティティ名&rsquo; を使用することもできます。これは、エンティティ番号&#8217; に相当します。

さらに、エンティティ番号&#x2019; を使用することもできますアポストロフィ記号をエスケープします。&rsquo; エンティティ名は右側の引用符に似ています。

たとえば、次の例に示すように、h2 タグを記述し、タグ内にテキストを記述します。テキストの後に、エンティティ名&rsquo; を入力します。

同様に、同じコンテンツで同様の h2 タグを作成してから、エンティティ番号&#8217; を書き込みます。テキストの後。同様に、エンティティ番号&#x2019; を使用します 3 番目の h2 タグ。

出力に示されているように、アポストロフィはエンティティ番号とエンティティ名の両方を使用してエスケープされます。

サンプルコード:

<h2>The apostrophe is written with entity name: &rsquo;</h2>
<h2>The apostrophe is written with entity number: &#8217;</h2>
<h2>The apostrophe is written with another entity number: &#x2019;</h2>

出力:

エンティティ番号&#39; を使用するまたはエンティティ名&apos; HTML でアポストロフィを書く

エンティティ名&apos; を使用することもできます HTML のアポストロフィをエスケープします。アポストロフィは一重引用符です。

ただし、エンティティ名はアポストロフィとして使用することもできます。エンティティ番号&#39; を使用できますアポストロフィから逃れるためにも。

たとえば、p タグを記述し、エンティティ名&apos; を使用しますテキストの後。次に、エンティティ番号&#39; を使用します別の p タグで。

このようにして、HTML でアポストロフィを記述できます。

サンプルコード:

<p>
    Apostrophe (single quotes) using entity name: &apos;
</p>
<p>
    Apostrophe (single quotes) using entity number: &#39;
</p>

出力:

関連記事 - HTML Entities