WEB基礎及HTTP協議

míng°發表於2020-11-25

1.域名

IP地址不易記憶,給IP地址賦予一個容易記憶的域名

早期使用Hosts檔案解析域名
·缺點:主機名重複
主機維護困難

現在使用DNS(域名系統)
·優點:分散式、層次式

1.1域名空間結構

根域、頂級域、組織域、國家域、二級域
完整的域名組成:.
FQDN=主機名.DNS字尾

1.2域名註冊

域名註冊時Internet中用於解決地址對應問題的一種方法
遵循先申請先註冊原則
域名註冊步驟:
準備申請資料→尋找域名註冊網站→查詢域名→正式申請→申請成功

2.網頁

純文字檔案
編寫語言為HTML
在使用者瀏覽器中被翻譯成網頁形式顯示出來

2.1網頁相關構成

網站:
由一個個頁面構成,多個網頁的結合體
主頁:
開啟網站的第一個網頁
域名:
瀏覽網頁輸入的網址
HTTP:
傳輸網頁的通訊協議
URL:
全球資訊網定址系統
HTML:
用來編寫網頁的超文字標記語言
超連結:
將網站不同網頁連結起來的功能
釋出:
將製作好的網頁上傳到伺服器供使用者訪問的過程

3.HTML

Hyper Text Markup Language超文字標記語言
網頁的“原始碼”
瀏覽器“解釋和執行”HTML原始碼的工具
可用txt文件編寫,轉為html格式網頁

3.1HTML文件結構

HTML命令由標籤構成
<>標籤開始符
</>標籤結束符

<html>             ##html網頁
<head>             ##頭部部分
<title>標題部分</title>
</head>
<body>             ##主體部分
</body>
</html>

3.2網頁常用標籤功能

網頁摘要資訊
作用:利於瀏覽器解析、搜尋引擎搜尋

<meta name="keywords">	##寫在頭部部分

網頁標題
作用:顯示在網頁標籤上

<title>標題</title>	##寫在頭部部分       

正文標題

<h1></h1>		##寫在主體部分,最大字號,預設字號還有h2,h3,h4,h5,h6
<h6></h6>		##最小字號

行控制相關標籤

<p></p>

範圍標籤

<span></span>

影像標籤

<img src="圖片路徑"/>

超連結標籤

<a href="連結目的路徑">可作為超連結的內容,如文字</a>

3.3特殊符號

HTML語言中由特殊意義的符號作為文字時不可直接使用,需使用特定格式
常用特殊符號:

&nbsp;  空格
&quot;  引號
&copy;  商標符號
&gt;    大於號
&lt;    小於號
&amp;   &符號

4.Web

全球資訊網
分散式圖形資訊系統
建立於Internet一種網路服務

4.1 Web1.0

  • 以編輯為特徵,網站提供給使用者的內容是編輯處理後的,然後使用者閱讀網站提供的內容
  • 這個過程是網站到使用者的單向行為
    即靜態網頁

4.2 Web2.0

  • 更注重使用者的互動作用,使用者既是網站內容的消費者(瀏覽者),也是網站內容的製造者
  • 加強了網站與使用者之間的互動,網站內容基於使用者提供,網站的諸多功能也由使用者參與建設,實現了網站與使用者的雙向交流與參與
  • 特徵:使用者分享、以興趣為聚合點的社群、開放的平臺、活躍的使用者
    即動態網頁

5.靜態網頁

  • 標準的HTML檔案
  • 副檔名:.htm .html
  • 內容包括:文字、影像、聲音、Flash動畫、客戶端指令碼和ActiveX控制元件及Java小程式等
  • 是網站建設的基礎,早期網站一般都由靜態網頁製作
  • 沒有後臺資料庫、不含程式和不可互動的網頁
  • 相對更新起來比較麻煩,適用於一般更新較少的展示型網站

5.1靜態網頁特點

  • 每個靜態網頁都有固定的URL,且URL以.htm、.html、.shtml等常見形式為字尾,而不含有“?”
  • 網頁內容一經發布到網站伺服器上,無論是否由使用者訪問,每個靜態網頁都是儲存在網站伺服器上的
  • 靜態網頁的內容相對穩定,容易被搜尋引擎檢查
  • 靜態網頁沒有資料庫的支援,在網站製作和維護方面工作量較大,因此當網站資訊量很大時完全依靠靜態網頁製作方式比較困難
  • 靜態網頁的互動性較差,在功能方面由較大的限制
  • 頁面瀏覽速度迅速,過程無需連結資料庫,開啟頁面速度快於動態頁面

6.動態網頁

  • 網頁URL不固定,能通過後臺與使用者互動
  • 在動態網頁網址中由一個標誌性的符號-----“?”
  • 常用的語言有PHP、JSP、Python、Ruby等

6.1動態網頁特點

1.互動性:
網頁會根據使用者的要求和選擇而動態改變和響應,將瀏覽器作為客戶端介面,這將是今後WEB發展的大勢所趨
2.自動更新:
無須手動地更新HTML文件,便會自動生成新的頁面,可以大大節省工作量
3.因時因人而變:
當不同的時間,不同的人訪問同一網址時會產生不同的頁面

7. HTTP協議

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

7.1HTTP協議請求流程

在這裡插入圖片描述

7.2HTTP狀態碼

當使用瀏覽器訪問某個URL,會根據處理清空返回相應的處理狀態
通常正常的狀態碼為2xx,3xx
如果出現異常會返回4xx,5xx

狀態碼首位已定義範圍分類
1xx100-101資訊提示
2xx200-206成功
3xx300-305重定向
4xx400-415客戶端錯誤
5xx500-505伺服器錯誤

7.2.1常見狀態碼

在這裡插入圖片描述

7.3HTTP方法

HTTP協議有多種獲得Web資源的方法
常用的方法GET、POST

HTTP方法描述
GET請求獲取Request-URL所標識的資源
PUT請求伺服器儲存一個資源,並用Request-URL作為其標識
DELETE請求伺服器刪除Request-URL所標識的資源
POST在Request-URL所標識的資源後附加新的資料
HEAD請求獲取由Request-URL所標識的資源的響應訊息報頭

7.3.1 GET方法

從指定的伺服器上獲得資料

  • GET請求能被快取
  • GET請求會儲存在瀏覽器的瀏覽記錄裡
  • GET請求有長度的限制
  • 主要用於獲取資料
  • 查詢的字串會顯示在URL中,不安全

7.3.2 POST方法

提交資料給指定伺服器處理

  • POST請求不能被快取
  • POST請求不會儲存在瀏覽器瀏覽記錄裡
  • POST請求沒有長度限制
  • 查詢的字串不會顯示在URL中,比較安全

相關文章