【フロントエンド】Webページが表示されるまで（DOMとか、HTMLとか、ブラウザとか）

ブラウザについて

参考１：【図解/ブラウザの仕組み】DOMとパースとレンダリング,asyncとdeferについて

参考２：ウェブブラウザ（フリー百科事典『ウィキペディア（Wikipedia）』）

DOMとかHTMLとかJSについて

ブラウザはWebページ上の何かを動的に変更する際に、ソースコードを書き換えるわけではない。JavaScriptからDOMにアクセスし、その内容やプロパティを変更している。

参考１：これからのDOM API 第1回
そもそもDOMとは何か

参考２：正しいHTMLとドキュメントツリーを理解しよう
DOMの基本を学ぼう

参考３：DOMとは何か？JavaScriptやhmtlとの違いとは？定義のまとめ

参考４：Web IDL公式リファレンス

個人的な見解とか

HTMLを記号(列)の集合としての文書だと考えると、それを単純にWebページという視覚情報として表現するだけではなく、DOMというオブジェクト（とそれにアクセスするためのDOM API）を介すことで、Javascriptからの操作（値などの演算処理）やサーバとのやりとりの結果の反映などが行われる、のだろうというイメージ。

脚本（シナリオ）をそのまま映像化する（ゲームでいうムービーシーン）のではなく、キャラクターなどのオブジェクトを介すことで、動的なコンテンツとして表現する、というなんとなくな感じでとりあえずまとめる。