« 縦方向に重なるmarginの解釈 | Back To Blog Top | iPhone »
の使いどころ
文字実体参照の中に、 という物があります。 使用すると半角スペースと同量の間隔を空けます。
これまでは何も考えずに半角スペースの代わりであると認識していたのですが、ではどういった時に使うのかという事を知りませんでした。
最初に疑問に思ったのは、全ての半角スペースは に置換するべきなのか？ という事です。
半角スペースを主に使うのは、やはり英語圏であろうと思ったのでA list Apartのソースを見てみました。
すると、全ての半角スペースが通常のスペースを使用されていました。
続いてThe Web Standards ProjectやThe Web KANZAKIも調べてみましたが、同じく半角スペースを使用。
まあ、ちょっと考えてみれば、英語は単語を半角スペースで区切るので、いちいちそんな事やってられないですね。
では、どんな時に使うのが正しいのでしょうか。
色々と調べた結果、英単語の扱いと関係しているらしい事が分かりました。
元々、ブラウザは文字が端までいったら次行に折り返す動作をします。
日本語では単純に端で折り返しますが、英語では単語の区切り（つまり半角スペース）で折り返します（サンプルの1）。
段々と答えが見えてきました。
サンプルの2は、全てを半角スペースで区切りました。 普通に半角スペース区切りで改行されていますね。
ではサンプルの3はどうでしょうか。 赤文字の次に を入れると、赤文字の次で改行されずに、赤文字ごと改行されました。
どうやら、 は、使用した箇所で改行させないという効果があるようです。
例えば、A list Apartの最初のAだけが1行目で、list Apartが2行目に改行されると、ちょっと見た目が悪いかもしれません。
そんな時はAの次に を入れると、『A list Apart』を丸ごと2行目に改行する事ができます。
これを実際に利用するとしたら、企業の名前など、途中で区切る事がよろしくない場合などになるでしょうか。
ちなみに、これまで何も考えずに適当に を使ってました。 ああ恥ずかしい。
9 Comment
＞ろなうどさん
コメントありがとうございます！
普段、何気なく使っている事にも意外と深い意味があったりして、調べてみると面白かったりしますよね。
お役に立てて嬉しいです。
自分もわからずに使っていました。
わかりやすい説明で助かりました。
＞らとさん
コメントありがとうございます！
やっぱり、意外と気になっている人は多いんですねー。
お役に立てて嬉しいです。
なるほど、そういう意味だったんですね。
大変参考になりました。
ちなみに、 って、no-break spaceのことです。
呼んで字のごとく「改行しない空白」です。
有益な情報を掲載してくださってありがとうございます。
わたしは HTML タブの間に使って助かっています。
たとえば、次のようなタブの連続がある場合、
</div>
<div>
通常であれば</div>と<div>の間に空行が入ると思うのですが、
" " を挿入することで空行の入る隙間を埋められようです。
CSS で空行を作らないようにしても空行が入ってしまうなど、
そういったときに有用な一手でもあるようですので、
参考になれば幸いです。
＞お茶さん
コメントありがとうございます。
うむむ、ちょっと解らないんですが、改行による半角スペースの事でしょうか？
でもそれだとnbspも変わらないですから、違う意味でしょうし・・。
あ、もしかして内容の無い要素の事でしょうか？
うーん、勉強不足で申し訳ないです。
http://gyauza.egoism.jp/clip/archives/2007/05/nbsp/
によれば、
nbspはno-break spaceなので改行されないみたいです。
略語の意味を上記に記載すると、スッキリするでしょう。
グーグル検索で来ました。
自分もわからなかったので、助かりました。
Name:ろなうど | 2007年03月23日 13:21