【HTML】文字の間を開ける方法（テスト投稿１）

htmlのテキスト間にスペースを入力するには、特殊文字という文字に該当しないコードを使って入力します。スペースを開けられる特殊文字は全部で4つあります。

HTMLに半角スペースを入れる方法

HTMLに半角と同じスペースを開けるには、特殊文字の「 」を利用します。
 は改行を禁止するスペースという意味があり、non-breaking space(ノーブレークスペース)の略称です。
半角スペースと同じサイズのスペースを入れることができるだけで、キーボードの半角文字と同じ意味ではないという点に注意しましょう。

上記のように、 を使って半角スペースと同じ空間を作ることができますが、改行される場所で利用すると、改行が効かず不自然な空間ができます。

キーボードの半角スペースは効かないので注意

半角文字のスペースボタンを使うと1回分のスペースは作れますが、複数の半角スペースを作ることはできません。

サンプルコードでは、pタグ内の「テス」と「ト」という文字の間に半角文字のスペースを5つ分入れています。

上記のように、5つ分スペースを入れても半角1つ分しか表示されません。

またhtmlでは半角文字のスペースを、コードを見やすくするためのインデントや、クラスや属性を分けるための分岐点として使うことが多くあります。

そのため、半角分スペースを入れたいときは、キーボードの半角文字を使わず、特殊文字の「 」やCSSを使ってスペースを入れることをおすすめします。