> For the complete documentation index, see [llms.txt](https://jack1in.gitbook.io/font-end/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jack1in.gitbook.io/font-end/1.-web/1.4-zai-qi-ru-zhi-song-chu-sheng-le-shen-shi.md).

# 1.4 在瀏覽器輸入網址並送出後，發生了什麼事？

1. DNS解析，從URL找到IP位址
2. 發送HTTP請求（GET、POST、PUT、DELETE）
3. Server處理請求，並返回信息（HTML、CSS、JS、圖片）
4. 伺服器解析渲染頁面\
   4.1 解析 HTML 以建立 DOM tree\
   4.2 解析 CSS 以建立 CSSOM\
   4.3 結合 DOM tree 與 CSSOM 產生 render tree、字型處理\
   4.4 利用 render tree 計算可視元素的版面配置、繪製和合成，這部份可能會有些 JavaScript 程式碼導致重新佈局或重繪，瀏覽器完成渲染即可將畫面呈現給使用者