Webサイトが見れる仕組み

見出し一覧

1. 見たいページをサーバにリクエストする
2. webサーバからレスポンスされる
3. webページを表示する
4. ブラウザがindex.htmlを表示させるときの手順

見たいページをサーバにリクエストする

見たいページはURLで表す。
例.http://ドメイン名/index.html
URLにはどのように、どのサーバから、どのファイルをという要素が詰まっている。

要素	意味
http	どのように
ドメイン名	どのサーバ
index.html	どのファイル

webサーバからレスポンスされる

URLを見て判断する。
例.http://ドメイン名/index.html

要素	意味	備考
http	webページが欲しいんだと解釈	GETメソッド
ドメイン名	自分のサーバのことを指していると解釈	-
index.html	どのファイルが欲しいか解釈	-

httpを受け付けるには、サーバにWebサーバーソフトウェアが入っている必要があります。(apacheが有名)
httpにはメソッドが複数あり、みなさんが通常何かのページをクリックしたら自動でGETメソッドがサーバに伝わります。GETメソッドは文字通りの意味です。

もしwebサーバーソフトウェアがサーバに入っていなかったら、
サーバは「webページが欲しいんだ」と解釈できません。

また、レスポンスするにもhttpを使います。
もしwebサーバーソフトウェアがサーバに入っていなかったら、
webページを送ることもできません。

webページを表示する

webページは無意識にみなさんブラウザで見ている。(chrome,firefoxなど)
ブラウザで見ずにメモ帳で見るとどう見えるか

アプリ	どのように見えるか
メモ帳	ただの文字として見える
ブラウザ	webページとして見える

ブラウザがindex.htmlを表示させるときの手順

1. 拡張子がhtmlだから、このファイルはHTMLという言語で書かれていると認識する
2. 中身のテキストを上から順に読んでいく
3. < ! DOCTYPE html>と書かれているからHTML5で書かれていると認識する
4. headタグの中身でこのファイル自体の情報を把握する(linkタグ、metaタグ等)
5. < body >タグの中身を実際にwebページとして表示をさせる
6. HTMLのタグが出てくるたびに、タグの意図に沿った表示をする(h1タグ、pタグ等)