瀏覽器是如何執行HTML的?

2022-01-19 00:09:03 字數 975 閱讀 8839

什麼是網頁

網頁(html page)是在瀏覽器(browser)上執行並且可以與使用者產生互動的應用程式。

此圖為瀏覽器執行html

這個想說明什麼呢:

1.網頁呢實際上就是乙個按照某種格式,字元**組成的乙個檔案(html document)

2.這個檔案是由html tag,css樣式,js**構成的,html tag組成檔案,而css和js都是載入網頁時候的各種資源

3.瀏覽器上執行網頁時候,瀏覽器會先建立html執行環境(html context),這個環境包含著網頁執行時候使用的

各種資源。接著,瀏覽器就開始讀取html檔案,將其加載入記憶體,按照語法來解析標籤,在解析過程中,瀏覽器可

以按照標籤的語義將其分為兩種型別

①系統資源型別

是用來描述瀏覽器,執行環境中的執行引數,樣式設定等資源,例如js和css。它們不會通過瀏覽器顯示給使用者,

而是在後台提供網頁執行時使用的各種資源給瀏覽器,執行環境使用

②使用者介面型別

用於顯示在網頁上的各種使用者介面控制項(例如textbox,button)

4.在瀏覽器分析組成檔案的標籤過程中,也會將檔案轉換為程式**能夠處理的物件模型dom(document object model) ,

並將這個物件模型建立在執行環境中。dom是樹狀的物件模型,瀏覽器會將 乙份html檔案轉換成為乙個dom物件書,

而物件樹上的每個dom節點都是對應html檔案中的乙個標籤。

dom是瀏覽器在html執行環境中提供給開發人員使用,用來控制html檔案的一組api,通過dom api在dom物件樹上對於dom節點的

各種操作,都會反應到html檔案上

vscode如何用瀏覽器預覽執行html檔案

1,開啟vscode編輯器,點選編輯器主介面左上側第五個小圖示 擴充套件 按鈕 2,進入擴充套件搜尋右拉框,在應用商店搜尋框中輸入 view in browser 會自動進行搜尋 3,等待幾秒鐘時間,擴充套件就會陸續出現,在view in browser 選項右下角會出現 安裝 小按鈕 4,點選左側...

瀏覽器是如何確定html檔案編碼的?

前段時間學習web知識,開始以為瀏覽器對html的解碼是按標籤中指定的字符集進行解碼的,但是仔細想想發現又存在問題,因為要知道中指定的字符集,必須先對html檔案進行解碼,但事先是不知道編碼的。於是在網上找了些資料 見附錄 發現瀏覽器對html檔案編碼的確定過程還是很複雜的。編碼的確定按優先順序如下...

瀏覽器是如何渲染的

先上一張圖 注意事項 1,瀏覽器會開啟另乙個執行緒去獲取css等資源,但這並不意味著js是多執行緒,主要執行js 的只有乙個主線程,所以js是單執行緒的 2,瀏覽器收到html檔案後,會遍歷文件節點,生成dom樹,script標籤頁會在樹中,並且會把當前節點的所有子節點都構建好後才會去構建當前節點的...