(HTML)Web上で使えるスペース(空白文字)いろいろウェブページ内で空白文字(スペース)を連続表示させる方法を解説。HTML中では、スペースキーで半角の空白文字を連続して打っても、表示される空白は1つだけです。「&nbsp;」などの「文字実体参照」という特殊な記述方法を使うことで、複数の連続した空白が入れられます。複数のスペース(空白文字)を連続して入れたいウェブページ上に、複数のスペース(空白文字)を連続して掲載したい場合があります。ワープロソフトであれば、スペースキーなどで必要なだけ空白を入れれば良いのですが、ウェブ上ではその方法では望み通りにいかない場合があります。HTMLソース中に書かれた「(半角)スペース」・「タブ」・「改行」は、いくつ連続していても「1つの空白」として解釈されるからです。HTMLソース中に、スペースキーを使って半角スペースを3つ打っても、実際にブラウザ上で表示される空白は1つ分だけです。※ただし、全角スペースの場合は別です。全角スペース(=日本語入力機能をONにした状態でスペースキーを打ったときに挿入される幅の広い空白文字)は、連続して打てば、打った分だけ空白文字がそのまま表示されます。呼ばれる「特殊文字を表示させるための特別な記述方法」を使います。「&amp;」+「特殊文字の名称」+「;」の形で構成され、&amp;nbsp;と記述すると、空白文字になります。すべて半角文字で記述します。最後の「;」(セミコロン記号)を忘れないように注意して下さい(※nbspの意味は次のページで紹介します)。■空白以外の特殊文字いろいろ空白以外にも、「&lt;」で「<」記号になったり、「&gt;」で「>」記号になったりします。これらの記号は、HTMLソース内では特殊な意味を持つので、文字として表示したい場合には、このように文字実体参照を使う必要があります。他にも、「&copy;」で著作権記号「©」になったり、「&raquo;」で右向き二重矢印「»」になったり、「&hearts;」でハートマーク「♥」になったりします。このように、たくさんの特殊文字の書き方が用意されています。HTMLソース中に、以下のように記述してみて下さい。半角スペース3つ分を挿入&rarr;&amp;nbsp;&amp;nbsp;&amp;nbsp;しました。これをブラウザで表示すると、次のように見えます。半角スペース3つ分を挿入&rarr;&nbsp;&nbsp;&nbsp;しました。3つ分の半角スペース(空白文字)が挿入されています。このように、文字実体参照の「&nbsp;」を使った記述方法なら、半角スペース(空白文字)を必要なだけ連続して表示することができます。文字実体参照によるスペース(空白文字)は、上記でご紹介した「&nbsp;」以外にも、以下のような文字が定義されています。○&amp;nbsp;文字実体参照には&amp;nbsp;様々な空白文字が&amp;nbsp;定義されています。○&amp;ensp;文字実体参照には&amp;ensp;様々な空白文字が&amp;ensp;定義されています。○&amp;emsp;文字実体参照には&amp;emsp;様々な空白文字が&amp;emsp;定義されています。○&amp;thinsp;文字実体参照には&amp;thinsp;様々な空白文字が&amp;thinsp;定義されています。上記のソースを表示させると、次のように見えます。先頭の1行は、比較のために掲載した「文字実体参照を使わずに半角スペースをそのまま打った場合」です。