打好基礎——WEB基礎與HTTP協定

目錄

• 一、域名概述
• • 1.1 域名的概念
  • 1.2 域名空間結構
  • 1.3 域名注冊
• 二、網頁的概念
• • 2.1 網頁概念
  • 2.2 HTML概述
  • 2.3 網頁基本标簽
• 三、WEB基礎
• • 3.1 web概述
  • 3.2 Web1.0 vs Web2.0
  • 3.3 靜态網頁
  • • 3.3.1 靜态網頁的概述
    • 3.3.2 靜态網頁特點
  • 3.4 動态網頁
  • • 3.4.1 動态網頁的概述
    • 3.4.2 動态網頁的特點
• 四、HTTP協定
• • 4.1 HTTP協定概述
  • 4.2 HTTP方法
  • • 4.2.1 GET方法
    • 4.2.2 POST方法
  • 4.3 HTTP狀态碼
  • 4.4 HTTP協定請求流程分析
  • 4.5 HTTP請求消息封包格式
  • 4.6 HTTP響應消息封包格式

一、域名概述

1.1 域名的概念

• 域名的概念
  • IP位址不易記憶
• 早期使用Hosts檔案解析域名
  • 主機名稱重複
  • 主機維護困難
• DNS (Domain Name System域名系統)
  • 分布式
  • 層次性

1.2 域名空間結構

• 根域
• 頂級域
  • 組織域
  • 國家/地區域
• 二級域名
• FQDN=主機名.DNS字尾

  

1.3 域名注冊

• 域名注冊是Internet中用于解決位址對應問題的一種方法
• 遵循先申請先注冊原則
• 域名注冊步驟

  

二、網頁的概念

2.1 網頁概念

• 網頁
  • 純文字格式檔案
  • 編寫語言為HTML
  • 在使用者的浏覽器中被“翻譯”成網頁形式顯示出來
• 網站
  • 由一個一個頁面構成的，是多個網頁的結合體
• 首頁
  • 打開網站後出現發的第一個網頁稱為網站首頁（或首頁）
• 域名
  • 浏覽網頁時輸入的網址
• HTTP
  • 用來傳輸網頁的通訊協定
• URL
  • 是一種網際網路尋址系統
• HTML
  • 用來編寫網頁的超文本标記語言
• 超連結
  • 超連結是将網站中不同分網頁連結起來的功能
• 釋出
  • 将制作好的網頁上傳至伺服器供使用者通路的過程

2.2 HTML概述

• HTML超文本标記語言
  • Hyper Text Markup Language
  • 網頁的“源碼”
• 浏覽器：“解釋和執行”HTML源碼的工具

  

• HTML文檔的結構
  • HTML網頁
    • 頭部部分
    • 标題部分
    • 主體部分
    • 網頁内容，包括文本、圖像等

      

2.3 網頁基本标簽

• 網頁摘要資訊的作用
  • 有利于浏覽器解析
  • 有利于搜尋引擎搜尋
• 标簽
• 标簽

• 标題标簽
• 行控制相關标簽
• 範圍标簽
• 圖像标簽
• 超連結标簽
• 特殊符号

  

三、WEB基礎

3.1 web概述

• Web (World Wide Web)即全球廣域網，也稱為網際網路
• 是一種分布式圖形資訊系統
• 建立在Internet的一種網絡服務

  

3.2 Web1.0 vs Web2.0

• Web1.0
  • 以編輯為特征，網站提供給使用者的内容是編輯處理後的，然後使用者閱讀網站提供的内容
  • 這個過程是網站到使用者的單向行為
• Web2.0
  • 更注重使用者的互動作用，使用者既是網站内容的消費者（浏覽者)，也是網站内容的制造者
  • 加強了網站與使用者之間的互動，網站内容基于使用者提供，網站的諸多功能也由使用者參與建設，實作了網站與使用者雙向的交流與參與
  • Web2.0特征
    • 使用者分享、以興趣為聚合點的社群、開放的平台，活躍的使用者

3.3 靜态網頁

3.3.1 靜态網頁的概述

• 靜态網頁是标準的HTML檔案
• 擴充名是.htm,.html
  • 文本，圖像，聲音，Flash動畫，用戶端腳本和ActiveX控件及Java小程式等
• 是網站建設的基礎，早期網站一般都由靜态網頁制作
• 沒有背景資料庫，不含程式和不可互動的網頁
• 相對更新起來比較麻煩，适用于一般更新較少的展示型網站

3.3.2 靜态網頁特點

• 每個靜态網頁都有一個固定的URL，且URL以.htm, .html, .shtml等常見形式為字尾，而不含有“？”
• 網頁内容一經釋出到網站伺服器上，無論是否有使用者防問，每個靜态網頁相對穩定，容易被搜尋引擎檢索
• 靜态網頁的内容相對穩定，容易被搜尋引擎搜尋

3.4 動态網頁

3.4.1 動态網頁的概述

• 網頁URL不固定，能通過背景與使用者互動
• 在動态網頁網址中有一個标志性的符号-“？”
• 常用的語言有PHP ，JSP, Python , Rub等

  

3.4.2 動态網頁的特點

• 互動性
  • 網頁會根據使用者的要求和選擇而動态改變和響應，将浏覽器作為用戶端界面，這将是今後WEB發展的大勢所趨
• 自動更新
  • 無須手動地更新HTML文檔，便會自動生成新的頁面，可以大大節省工作量
• 因時因人而變
  • 當不同的時間，不同的人通路同一網址時會産生不同的頁面

四、HTTP協定

4.1 HTTP協定概述

• HTTP協定是網際網路上應用最為廣泛的一種網絡協定,設計這個協定的目的是為了釋出和接收Web伺服器上的HTML頁面
• http協定版本
  • HTTP 0.9
  • HTTP 1.0
  • HTTP 1.1
  • HTTP 2.0

4.2 HTTP方法

• HTTP支援幾種不同的請求指令，這些指令被稱為HTTP方法（HTTP method)
• 每條HTTP請求封包都包含一個方法，告訴伺服器要執行什麼動作
  • 擷取一個WEB頁面
  • 運作一個網關程式
  • 删除一個檔案
• HTTP協定有多種獲得WEB資源的方法
• 常用的方法：GET和POST

  

4.2.1 GET方法

GET方法：從指定的伺服器上擷取的資料

GET請求能被緩存

GET請求會儲存在浏覽器的浏覽記錄裡

GET請求有長度的限制

主要用于擷取資料

查詢的字元串會顯示在URL中，不安全

4.2.2 POST方法

POST方法：送出資料給指定伺服器處理

POST請求不能被緩存

POST請求不會被儲存在浏覽器的浏覽記錄裡

POST請求沒有長度限制

查詢的字元串不會顯示在URL中，比較安全

4.3 HTTP狀态碼

• 當使用浏覽器通路某一個URL，會根據處理情況傳回相應的處理狀态
• 通常正常的狀态碼為2xx，3xx(如200)
• 如果出現異常會傳回4xx，5xx(如404)

狀态碼首位	已定義範圍	分類
1xx	100-101	資訊提示
2xx	200-206	成功
3xx	300-305	重定向
4xx	400-415	用戶端錯誤
5xx	500-505	伺服器錯誤

• 生産環境中常見的HTTP狀态碼

消息	描述
200 OK	請求成功(其後是對GET和POST請求的應答文檔)
301 Moved Permanently	請求的永久頁面跳轉
403 Forbidden	禁止通路該頁面
404 Not Found	伺服器無法找到被請求的頁面
500 lnternal Server Error	内部伺服器錯誤
502 Bad Gateway	無效網關
503 Service Unavailable	目前服務不可用
504 Gateway Timeout	網關請求逾時

4.4 HTTP協定請求流程分析

4.5 HTTP請求消息封包格式

HTTP請求消息封包格式包括:請求行、請求頭、請求體

1. Get /mattmargl HTTP/1.1請求目錄
2. User-Agent: Mozilla/2.0 (Macintosh; l; PPC)浏覽器辨別
3. Accept: text/html;* / *
4. Cookie: name = value
5. Referer: http:/www.XXX.com/a.htmI

   

4.6 HTTP響應消息封包格式

HTTP響應消息封包格式包括:狀态行、響應頭、響應體

01 HTTP/1.1200 OK

02 Server: Microsoft-lIS/5.1

…

06 Accept-Ranges: bytes

07 Last-Modified: Wed,02 Jul 200801:01:26 GMT

08 ETag: “Of71527dfdbc81:ade”

09 Content-Length: 46

10

11 adfasfa