全角文字の間に半角スペースを複数入れるとブラウザの表示では、スペース一つになる。

Question

調べても納得できる答えがなかったため質問させていただきます。

charset＝utf-8のhtmlを、Mac safari、firefox、chromeのそれぞれ最新版で表題の現象を確認しました。

ブラウザの仕様といえばそれまでなのですが、なぜ文字間の半角スペースが省略されて一つしか表示されないのかを知りたいです。（半角スペースの文字コードだとブラウザが認識しない？ 10進数、16進数なども絡む？）

理由を説明となると、明確な答えが返せず困っております。

もし知見をお持ちでしたら、ご意見いただきたいです。よろしくお願いします。

▼試したこと
・テキスト左寄せ時
先頭に半角スペースを複数入れる
→省略されて表示されない。

全角文字の間に半角スペースを複数入れる
→半角スペースが一つだけ表示

Answer 1

HTML の仕様です。改行もスペースとみなされます。
ですからブラウザの違いとは無関係です。

ノーブレークスペース

複数の連続するスペース

SGML・HTML・TeX・LaTeXなどのプレーンテキストのファイルフォーマットではレンダリングエンジンがホワイトスペース文字（英語版）（スペース・改行・タブ・改ページなど）の並びを1つのスペースとして表示する。これは、最終的な表示結果とは関係なく、ソーステキストが見やすいように字下げや改行が入れられるようにするためである。

Answer 2

ブラウザは関係無く、HTML側の仕様ですね。

逆にスペースを連続する時のやり方があって、
下記のような事をすると、スペースを連続して表現することができます。

・「 」特殊記号でスペースを表現する
・preタグを使用する
・CSSの「white-space: pre;」を使用する

Answer 3

それがブラウザというもんです。(ﾄﾞﾔｧ
スペース入れたければ、  いれよう、というはなしだけど、
まさに、「&nbsp」でググるといろいろ出てくるので読んでみればいいかと

Answer 4

Stackoverflowの回答の一つに

HTMLの元となったSGMLの元となったGMLでは文と文の間をスペース2つで表す慣習があり、それがおそらくスペースをマークアップとは独立の優先的処理項目にしたのだろう。
https://stackoverflow.com/questions/433493/why-does-html-require-that-multiple-spaces-show-up-as-a-single-space-in-the-brow

というのをみつけました。