👌

HTML のスペースとかってどうなってるのか

2022/06/12に公開

https://developer.mozilla.org/ja/docs/Web/API/Document_Object_Model/Whitespace

DOMにスペースが残ったままだけど、見た目上問題ないってことがあったので調べてみた。

結論

HTML に書いた余分なスペースは削除されている。

なぜ

どうみても邪魔だから。
W3CのCSSのルールだから。
https://www.w3.org/TR/css-text-3/#white-space-processing

誰が削除してくれてるのか

ブラウザーエンジン。
DOMにはそのままスペースが残ってるけど、レンダリング時に不要な部分だけ削除されている。

Discussion