スペース表示

スペース表示

HTMLでは、連続の半角スペース(空白)は
ブラウザ表示で同じスペースとして認識されます。

なのでスペース(空白)を何個も入れたい場合には
以下の3つ方法がありますので順に説明します。

preタグ(改行やスペースをそのまま表示)

preタグはあまり使用頻度は高くないですが、
記憶の片隅に入れておくと使う機会もあるかもしれませんのでご紹介します。

HTMLのルールで半角スペース・タブ・改行は
すべて半角スペースに変換されて表示されます。
preタグはテキスト入力と同じ表示を
ブラウザに再現する事ができます。

<pre>
〒999-9999
  ○○県○○市○○町    tomojiビル5F
電話番号
  999-9999-9999
</pre>

〒999-9999
  ○○県○○市○○町    tomojiビル5F
電話番号
  999-9999-9999

特殊文字を使用

特殊文字とは、HTML文書に記述してもブラウザで
直接表示することが出来ない文字や記号のことで
スペースを表示したい箇所に特殊文字を記述します。

<p>&thinsp;[半角スペースより少し狭い]</p>
<p>&nbsp;[半角スペース]</p>
<p>&ensp;[半角スペースより少し広い]</p>
<p>&emsp;[ensp;より少し広め]</p>

全角スペースを入れる

HTML文書は全角スペースをスペース(全角)として認識してくれます。

<p>
〒999-9999<br>
　○○県○○市○○町　tomojiビル5F<br>
電話番号<br>
　999-9999-9999
</p>