• HTML 簡介
  • 1. 網頁
    • 1.1 什麼是網頁
    • 1.2 什麼是HTML
    • 1.3 網頁的形成
    • 1.4 網頁總結
  • 2. 常用瀏覽器
    • 瀏覽器核心
  • 3. Web 標準（重點）
    • 3.1 為什麼需要Web標準
    • 3.2 Web 標準的構成

HTML 簡介

1. 網頁

1.1 什麼是網頁

網站是指在因特網上根據一定的規則，使用HTML等製作的用於展示特定內容相關的網頁集合。

網頁是網站中的一“頁”，通常是HTML格式的檔案，它要通過瀏覽器來閱讀。

網頁是構成網站的基本元素，它通常由圖片、連結、文字、聲音、視訊等元素組成。通常我們看到的網頁，常見以.htm或.html字尾結尾的檔案，因此將其俗稱為HTML檔案。

1.2 什麼是HTML

HTML指的是超文字標記語言(Hyper Text Markup Language) ，它是用來描述網頁的一種語言。

HTML不是一種程式語言，而是一種標記語言 (markup language)。

標記語言是一套標記標籤 (markup tag)。

所謂超文字，有 2 層含義：

1. 它可以加入圖片、聲音、動畫、多媒體等內容（超越了文字限制 ）
2. 它還可以從一個檔案跳轉到另一個檔案，與世界各地主機的檔案連線（超級連結文字 ）

1.3 網頁的形成

網頁是由網頁元素組成的，這些元素是利用html標籤描述出來，然後通過瀏覽器解析來顯示給使用者的。

前端人員開發程式碼 ----> 瀏覽器顯示程式碼（解析、渲染） -----> 生成最後的 Web 頁面

1.4 網頁總結

網頁是圖片、連結、文字、聲音、視訊等元素組成，其實就是一個html檔案(字尾名為html)

網頁生成製作：有前端人員書寫HTML檔案，然後瀏覽器開啟，就能看到了網頁。

HTML：超文字標記語言，用來製作網頁的一門語言。由標籤組成的。比如：圖片標籤、連結標籤、視訊標籤等。

2. 常用瀏覽器

瀏覽器是網頁顯示、執行的平臺。常用的瀏覽器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。通常稱為五大瀏覽器。

瀏覽器核心

瀏覽器核心（渲染引擎）： 負責讀取網頁內容，整理訊息，計算網頁的顯示方式並顯示頁面。

目前國內一般瀏覽器都會採用 Webkit/Blink核心，如360、UC、QQ、搜狗等。

3. Web 標準（重點）

Web標準是由W3C組織和其他標準化組織制定的一系列標準的集合。W3C（全球資訊網聯盟）是國際最著名的標準化組織。

3.1 為什麼需要Web標準

瀏覽器不同，它們顯示頁面或者排版就有些許差異。

遵循Web標準除了可以讓不同的開發人員寫出的頁面更標準、更統一外，還有以下優點：

1. 讓 Web 的發展前景更廣闊
2. 內容能被更廣泛的裝置訪問
3. 更容易被搜尋引擎搜尋
4. 降低網站流量費用
5. 使網站更易於維護
6. 提高頁面瀏覽速度

3.2 Web 標準的構成

主要包括結構（Structure） 、表現（Presentation）和行為（Behavior）三個方面。

Web 標準提出的最佳體驗方案：結構、樣式、行為相分離。

簡單理解： 結構寫到 HTML 檔案中， 表現寫到 CSS 檔案中， 行為寫到 JavaScript 檔案中。