前端網頁基礎:網頁背後的秘密

Hugh's Programming life
1 min readMay 19, 2019

--

網頁的背後倒底是甚麼?

可以下載很多模板的網站 html5up

下載任意檔案打開之後發現有個 index.html

index.html 通常代表主頁面,再把該檔案用文字編輯器打開來,就可以看到編碼長的樣子。可以看到有些文字跟瀏覽器顯示出來的一樣,所以就可以去改動那些字,再重新整理之後就會發現真的可以改動了。所以網頁最根本基礎的樣子,就是一個文字檔案,有特定的格式而已,用標籤標起來。

所以是 html → 瀏覽器 → 畫面,html 透過瀏覽器 render(渲染)過才呈現的畫面。網頁是依賴瀏覽器而存在的。

還可以使用右鍵檢查,打開 devTools 可以從這邊看到跟改資料,不過這邊改了不會影響到伺服端,改了也只改本地的。

所以網頁就是一個文字檔案是一個瀏覽器可以看懂的一個格式。

--

--

Hugh's Programming life
Hugh's Programming life

Written by Hugh's Programming life

我是前端兼後端工程師,主要在前端開發,包括 React、Node.js 以及相關的框架和技術。之前曾擔任化工工程師的職位,然而對電腦科技一直抱有濃厚的熱情。後來,我參加了轉職課程並開設這個部落格紀錄我的學習過程。於2020年轉職成功後,我一直持續精進技能、擴展技術範疇跟各種對人生有正面意義的學習,以增加我的工作能力。

No responses yet