# 網頁的歷史

### 起源

英國科學家 Sir Tim Berners-Lee 於 1989 年時，因為當時在交換實驗數據資料上遇到很多困擾，發明出了「全球資訊網」，其是「網際網路」的一種服務，並透過其開發的「網頁瀏覽器」，輸入「網址」後解析超文本，將「網頁」展示給使用者，這是純文字文件第一次透過公開網路被連結起來。

### 專有名詞

* 網頁通常由 「[超文本標記語言](https://developer.mozilla.org/zh-TW/docs/Web/HTML)」 構成，英文為 HyperText Markup Language，縮寫「HTML」。
* 網頁的合成體稱為「網站」。
* 網站的開始點稱為「首頁」。
* 網頁的外觀可以藉由設定「[層疊樣式表](https://zh.wikipedia.org/zh-tw/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8)」改變，英文為 Cascading Style Sheets，縮寫「CSS」。
* 網頁內容通常有：文字、圖片、「[超連結](https://zh.wikipedia.org/zh-tw/%E8%B6%85%E9%80%A3%E7%B5%90)」。
* 目前 [Javascript](https://developer.mozilla.org/zh-TW/docs/Learn/JavaScript/First_steps/What_is_JavaScript) 在網頁的建立上有重要地位，讓網頁不再只是靜態的呈現。

### 網頁瀏覽器&#x20;

[網頁瀏覽器 Timeline 圖](https://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg)

當大家逐漸體會到網頁的發展機會，各種嘗試就有如雨後春筍般湧出，在 1993 第一個較知名的瀏覽器叫 Mosaic，是 [Mozilla Firefox](https://en.wikipedia.org/wiki/Firefox) 的早期原始版本。1994 年 Andreessen 創辦了 [Netscape](https://en.wikipedia.org/wiki/Netscape_\(web_browser\)) 並且對大眾公開 [Netscape Navigator](https://en.wikipedia.org/wiki/Netscape_Navigator) ，直到被 Windows 內建的 [Internet Explorer](https://zh.wikipedia.org/wiki/Internet_Explorer) 取代（儘管後來 Windows 被反壟斷法判決，但大家已經習慣 IE 了，市場佔有率極高，這件事直接導致 Netscape 的消失。）

後來的故事大家應該比較熟悉了，2004 Firefox 與 2008 的 Chrome 相繼推出挑戰 IE 市佔地位，直到 Chrome 目前占據市場領先者的地位。

{% embed url="<https://flo.uri.sh/visualisation/328422/embed?auto=1>" %}
<https://pandable.co/resources/bar-chart-races>
{% endembed %}

另外，行動裝置的出現，也引起了行動裝置瀏覽器的霸主鬥爭，但通常結果都是由系統端所開發的瀏覽器獲得最後的勝利。

### Web 的發展

* Web 1.0：網頁資訊傳遞。
* Web 2.0：社群，使用者創造內容並互動，但數據掌握於各大廠。
* Web 3.0：去中心化，將主導權回歸給使用者。

### 使用者隱私權問題

在各大廠推出自己的瀏覽器之後，他們也會利用這種優勢，透過網頁技術取得大量的使用者操作資料，這引發了大家的疑慮，並延伸出個人資料保護法，所以也有越來越多強調隱私的瀏覽器出現，上述提到的 Web 3.0 也有一樣的概念。此外，歐盟也有 General Data Protection Regulation，縮寫作 GDPR，明文規定要給予使用者選擇的權利。

### 小結

暸解網頁的發展以及瀏覽器的發展，有助於我們未來在開發網頁時，能注意到一些使用者體驗的問題，例如暸解您的網站多數人使用的瀏覽器有哪些才能更快的對症下藥，或是以往的技術經驗能否應用在當下需要解決的問題。在一些專案中，可能有某些情境，導致有所限制，例如內部電腦較舊、不能連外網的情況，也可能會需要使用舊技術與知識來克服難關。

### 作業

* 請在網路上搜尋看看，有沒有什麼網站有提供全球使用的瀏覽器統計資料？[範例](https://gs.statcounter.com/)
* 此篇文章僅說明桌上型電腦的瀏覽器，請您找找看手機瀏覽器的歷史與發展。

### 參考來源

* [全球資訊網 World Wide Web 由此誕生！ │ 科學史上的今天：3/12](https://pansci.asia/archives/155988)
* [提姆·柏內茲-李](https://zh.wikipedia.org/wiki/%E8%92%82%E5%A7%86%C2%B7%E4%BC%AF%E7%BA%B3%E6%96%AF-%E6%9D%8E)
* [地球上第一個網頁長怎樣？當代網站的誕生與發展簡史](https://riven.design/1294/)
* [網頁](https://zh.wikipedia.org/zh-tw/%E7%B6%B2%E9%A0%81)
* [網頁瀏覽器簡史](https://www.mozilla.org/zh-TW/firefox/browsers/browser-history/)
* [Bar chart races and the importance of stunning visual content](https://pandable.co/resources/bar-chart-races)
* [HTML：超文本標記語言](https://developer.mozilla.org/zh-TW/docs/Web/HTML)
* [Javascript 是什麼？](https://developer.mozilla.org/zh-TW/docs/Learn/JavaScript/First_steps/What_is_JavaScript)
* [Mozilla-瀏覽器大戰](https://ithelp.ithome.com.tw/articles/10290188)
