---
# System prepended metadata

title: 打開一個網頁背後發生了什麼

---

# 打開一個網頁背後發生了什麼

## 輸入網址！

![](https://i.imgur.com/lrXGAOL.png)

## IP

IP Address 是電腦在網路中的地址，要連線就需要知道 IP 位址，像這樣：`104.21.38.195`

## DNS

但是一坨沒有意義的數字記不起來，所以有了網域名稱(Domain Name)，也就是我們一般常見的網址，`nkfw.dstw.dev`

`nkfw.dstw.dev` ==> `104.21.38.195`
`google.com` ==> 誰知道？？

![](https://i.imgur.com/OS1qOvJ.png)

Domain Name System，網域名稱系統，也就是常看見的 DNS，負責將網域轉變成 IP 位址

## Server

![](https://i.imgur.com/0jp7lpo.jpg)

其實就是一台電腦，負責提供服務的電腦

![](https://i.imgur.com/iGmk6ZQ.jpg)

## HTTP

![](https://i.imgur.com/YGm0xXt.png)

一種網路通訊協定，就是一種約定好的溝通方式

和另一台電腦請求資料，另一台電腦知道後傳回來

HTTP? HTTPS? 其實差在有沒有加密

## HTML

一種紀錄資料的語言

![](https://i.imgur.com/ibosh48.png)

看不懂？沒關係，今天就會教你寫出來！

## Browser

將資料轉變為人類看得懂的樣子

![](https://html-css-js.com/images/og.jpg)

## 看到啦！

![](https://i.imgur.com/LyfMnnl.png)

