[HTML] 特殊文字で空白スペース

どうも、べ〜やんです。

今回は、特殊文字を使って空白スペースを挿入する方法を紹介します。

空白スペース

htmlではひとつの半角スペースは空白スペースとして使用できますが、連続した半角スペースはひとつの空白スペースとして使用されます。

日本語入力での全角スペースはそのまま使用されますが、これは非推奨な方法なので使用しない方がいいでしょう。

また、今回は特殊文字を使った方法を紹介しますが、大きな空白スペースなどはCSSで設定する様にしましょう。

特殊文字

空白スペースを挿入する特殊文字は、nbsp emsp thinspなどがあり&と;で挟んで記述します。

1. nbspは半角スペースより少し広いスペースで改行を禁止する効果があります。
2. emspは全角スペースと同じ大きさのスペース
3. thinspはnbspよりも少し小さいスペース

半角スペースを使用した場合と特殊文字を使用した場合では、改行の位置が変わるので使い分けていきます。

See the Pen NWWoEeV by beeyan (@orientado) on CodePen.

おわりに

今回は、特殊文字を使って空白スペースを挿入する方法を紹介しました。

日本語の文章だと使用する機会は少ないと思いますし、CSSでmarginなどを使った方が簡単な場合も多いと思うのでそれほど使わないかもしれませんね。