ホームページ > 記事 > ウェブフロントエンド > html、css、js ファイルの読み込み順序と実行

html、css、js ファイルの読み込み順序と実行

今日本を読んでいて、html、css、jsの読み込みと実行を見て、30分ほどオンラインで調べましたが、まだ理解できませんでした。その時、私は突然次のような文章を見つけました:

HTML ページの読み込みと解析のプロセス

1. ユーザーは URL を入力します (これが HTML ページであり、初めてアクセスすると仮定します)。ブラウザはサーバーにリクエストを送信し、サーバーは HTML ファイルを返します。

2. ブラウザは HTML コードの読み込みを開始し、タグ内に外部 CSS ファイルを参照するタグがあることを確認します。

3. ブラウザが CSS ファイルのリクエストを再度送信し、サーバーが CSS ファイルを返します。

4. ブラウザは HTML の部分のコードを読み込み続け、CSS ファイルが取得され、ページが表示されます。

5. ブラウザは、画像を参照するコード内でタグを見つけ、サーバーにリクエストを送信しました。この時点で、ブラウザは画像がダウンロードされるまで待機せず、後続のコードのレンダリングを続行します。

6. サーバーは画像ファイルを返します。画像は特定の領域を占め、後続の段落の配置に影響を与えるため、ブラウザはコードのこの部分に戻って再レンダリングする必要があります。

7. ブラウザは JavaScript コード行を含む