什麼是網頁
網頁(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標籤頁會在樹中,並且會把當前節點的所有子節點都構建好後才會去構建當前節點的...