SSブログ

文字実体参照で文字を表示する。

年末から体調を崩してたのは本当ですが、最近さぼり癖がついてしまいました。
今日から少なくとも休みの日には更新していきたいと思うのでよろしくお願いします。


今回タイトルとなっている文字実体参照についてですが、例えば<>という文字は、<p>のように要素の記述に使う文字のためhtml内で<という文字そのものを書くことはできません。
このようにhtml内で直接書くことができない文字を記述するために用いるのが文字実体参照です。

文字実体参照という呼び方ですが、調べてみると文字参照とか実態参照とかいろいろ書いてあるところがありました。ウィキペディアによると、HTMLの文字参照には、数値文字参照 、文字実体参照があると書かれていて、表記に数値を用いるのが数値文字参照 、表記に文字を用いるのが文字実体参照ということらしいです。今回は、数値文字参照、文字実体参照の両方を書くので、タイトルには文字参照と書くのが本当は正しいです。

文字参照で表記する文字はたくさんあるようですが、一般的に用いられるものだけ書きます。
まず<を表記する文字実体参照は&lt;です。
数値文字参照で表記する場合で、10進数指定の場合は&#060;
16進数指定の場合は&#x3c;と書きます。

>を表記する文字実体参照は&gt;です。
数値文字参照で表記する場合で、10進数指定の場合は&#062;
16進数指定の場合は&#x3e;と書きます。

&を表記する文字実体参照は&amp;です。
数値文字参照で表記する場合で、10進数指定の場合は&#038;
16進数指定の場合は&#x26;と書きます。

"を表記する文字実体参照は&quot;です。
数値文字参照で表記する場合で、10進数指定の場合は&#034;
16進数指定の場合は&#x22;と書きます。

ちなみに&lt;という文字をブラウザ上で表示させたい場合は、&amp;を文字参照で表記した後に、lt;という文字列を書くと文字参照になっていないので表示されます。

まとめ
・htmlに直接記述できない文字を表示する場合、文字参照を使って表記する。
・文字参照には、表記に数値を用いる"数値文字参照"、表記に文字を用いる"文字実体参照"がある。
・文字参照に用いる文字は次の表の通り


表示する文字 文字実体参照 数値文字参照
10進数表記 16進数表記
< &lt; &#060; &#x3c;
> &gt; &#062; &#x3e;
& &amp; &#038; &#x26;
" &quot; &#034; &#x22;

nice!(0)  コメント(0)  トラックバック(0)  [編集]
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

トラックバックの受付は締め切りました
広告スペース
Copyright © HTMLの基本から勉強してみる All Rights Reserved.

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。