文章やWebサイトを作っていると、スペースを入れたい場面で「 」という記号を見かけることがあります。これは ノンブレークスペース（non-breaking space） と呼ばれ、見た目は普通の空白と同じですが、「改行されない」という特徴を持っています。
つまり、2つの単語の間にこれを入れると、行の折り返しが起きてもその2つが一緒に表示されるように守られるのです。
使って良い時
1. 数字と単位を離したくないとき
たとえば「100 円」「50 kg」のように、数字と単位を分けずに表示したいときに便利です。
通常の空白だと改行位置によって「100」と「円」が離れてしまうことがありますが、ノンブレークスペースを使えば常にセットで表示されます。
2. 名前やタイトルを崩したくないとき
人名（例：山田 太郎）や企業名などを途中で改行されたくないときにも使えます。
「山田」と「太郎」が別の行に分かれてしまうのを防ぐことができます。
3. 特定のデザイン・レイアウト上の調整
CSSだけでは微妙な空きが作りにくいとき、HTML上で一時的にスペースを固定したい場面でも使われます。
ただし、この使い方はあくまで「応急処置」であり、レイアウト全体の制御はCSSで行うのが原則です。
使ってはいけない時・注意すべき時
1. 文章中の普通のスペースとして乱用する
見た目を整えるために、文章中の空白をすべて で入れてしまうのはNGです。
読み上げソフトや検索エンジンが正しく認識できなくなり、SEOやアクセシビリティに悪影響を与えることがあります。
2. レイアウト調整のための多用
位置調整や文字間隔を「 」のように連続して入れるのは避けましょう。
後から修正がしにくくなり、デバイスによっては崩れる原因になります。
このような見た目の調整はCSSのmarginやpaddingで行うべきです。
3. 改行を防ぐ必要がない箇所
普通の文中では、改行が自然に起きる方が読みやすいことも多いです。
すべてを固定してしまうと、スマホ表示で不自然な余白やレイアウト崩れを招くこともあります。
まとめ
「 」は改行されない空白を意味する。
数字＋単位や氏名・固有名詞のようにセットで扱いたい部分にだけ使う。
見た目の調整目的で多用するのは避け、基本はCSSで制御する。
つまり、「どうしても改行させたくない関係性」に限定して使うのが正しい使い方です。
うまく使えば見た目も整い、読みやすい文章を保つことができます。
