ノーブレークスペース(IT用語)

ノーブレークスペース

ノーブレークスペースとは

改行されずに単語や数字をつなげる特殊なスペース

「見た目を整えるための隠れた助っ人」と考えるとイメージしやすいよ!

ノーブレークスペースのわかりやすい事例

ノーブレークスペースの事例

「100 km」が改行されると「100」と「km」が別々の行に分かれてしまうことがあります。

ノーブレークスペースを使えば、「100 km」が一緒に表示されます。

「山田 太郎 先生」が途中で改行されると「山田」と「太郎 先生」が別々の行になってしまうことがあります。

ノーブレークスペースを使えば、名前と肩書きがまとまって表示されます。

HTMLの ` ` を使うことで、Webページの見た目を調整できます。 

例えば、ボタンの間隔を均等にしたいときや、特定の単語を改行させたくないときに便利です。

「¥1,000」が改行されて「¥」と「1,000」が別の行に分かれることがあります。

ノーブレークスペースを使えば、「¥1,000」がまとめて表示されます。

Copilot参照

会話で学ぼ

基礎知識編

【ノーブレークスペース】って何?
ノーブレークスペース(Non-Breaking Space、略して ` ` と表記されることもある)は、
文章の中で『改行や折り返しがされないスペース』のことだよ。
スペースなのに改行されないって、
普通のスペースとはどう違うの?
普通のスペース(空白)は、
文章の端に来ると改行されるけど、
ノーブレークスペースは単語や数字の途中で
改行されないようにするんだ。

例えば、『2025 年』って書くと、
行の途中で『2025』と『年』が
分かれてしまうことがあるでしょ。

でもノーブレークスペースを使うと、
『2025 年』が一緒に表示されるんだ。
なるほど!
特定の単語をセットで表示したいときに使うんだね。
そうそう!
Webサイトを作るときや、文章をきれいに
整えるときによく使われるんだ。

特にHTMLでは ` ` というコードを書けば
ノーブレークスペースになるよ。
Webサイトでも使われるんだね!
他にどんな場面で使われるの?
例えば、価格表示で『¥1,000』みたいに書くと、
¥だけ次の行に行ってしまうことがあるよね。

そんなときに
¥ の後ろにノーブレークスペースを入れれば、
¥1,000 を分割せずに表示できるんだ。
なるほど!
文章の見た目を整えるために使うんだね!
その通り!
ノーブレークスペースは地味だけど、
文章のレイアウトをキレイに保つために
とても便利な機能なんだ。
知らなかった!
これから文章を書くときに意識してみるね!
いいね!
知っておくと、細かい調整ができるようになるから、
Web制作や文章の整理に役立つよ。

SNSで発信

X(元Twitter)

YouTubeショート

未投稿

スタンドエフエム

【デジナンばあばチャンネル】

ばあばと、もに隊長のおもしろトークだよ(笑)

未投稿

インスタグラム

未投稿

tiktok

未投稿

Facebook

https://www.facebook.com/share/r/1C9GjpKjcW/

スレッズ

https://www.threads.net/@konomimoni/post/DIPUM7eTlKH?xmt=AQGzdpeggGifKQI09aeIMSFoxnZKgkxSD0zej4peRU7qSQ

あとがき

このサイトは

少しずつ、ヒントもしくは知識を共有していくサイトです。

最後まで読んでいただきありがとうございました♡

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

最新の記事