HTTP協議特性、HTML標籤
阿新 • • 發佈：2021-08-02
HTTP協議
超文字傳輸協議，規定瀏覽器和服務端資料互動格式
四大特性
- 基於請求響應。
- 在TCP/IP協議之上的應用層協議。
- 無狀態（不能儲存使用者資訊，後來為了儲存使用者資訊，誕生了cookie，session，token等技術）
- 短連結（資料傳送完畢就斷開，每次傳送都需要重新建立連線）。
請求資料格式
- 請求首行（請求方式，協議版本）
- 請求頭（一對K:V鍵值對）
- \r\n
- 請求體（只有post請求才有請求體）
響應資料格式
- 響應首行（協議版本）
- 響應頭（一對K:V鍵值對）
- \r\n
- 響應體
響應狀態碼
1XX：請求成功，但是還可以繼續提交資料
2XX：請求成功 200
3XX：重新定向 301，302
4XX：404 資源不存在，403許可權不夠
5XX：500 伺服器內部錯誤
請求方式
1、get：向服務端要資料
2、post：向服務端提交資料
HTML
HTML文件結構
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
</body>
-
是文件宣告，必須寫在HTML文件的第一行，位於標籤之前，表明該文件是HTML5文件。
</!doctype>
- 稱為根標籤，所有的網頁標籤都在中。
HTML的lang屬性可用於網頁或部分網頁的語言。通常用於搜尋引擎和瀏覽器的統計分析,不定義也沒什麼影響。
根據 W3C 推薦標準，您應該通過 標籤中的 lang 屬性對每張頁面中的主要語言進行宣告，比如：。
-
標籤 用於定義文件的頭部，它是所有頭部元素的容器。常見的頭部元素有title、script、style、link和meta等標籤，頭部標籤在下一節中會有詳細介紹，與之間的內容不會在瀏覽器的文件視窗顯示，但是其間的元素有特殊重要的意義。
-
在和標籤之間的內容是網頁的主要內容，最終會在瀏覽器中顯示出來。
HTML語法
語法
<標籤名 屬性1=“值1” 屬性2=“值2” ......>內容部分</標籤名> <標籤名 屬性1=“值1” 屬性2=“值2” ....../>
語法注意事項
- 記號/標籤是不會顯示出來的。
- 標籤只是用來做記號而不負責控制樣式：雖然用h1標記的文字在顯示時會被加大加粗，但請務必記住，HTML的作用只有一個它是專門用來對檔案做記號來標識其語義的（語義指的是該文字是做什麼用的），加大和加粗這種為文字新增樣式的操作並不是HTML擅長的，雖然早期的時候確實也用HTML來製作樣式，但以後我們專門用CSS來做這件事，這也是一種解耦合的思想。
- HTML標籤不區分大小寫，
<h1>和<H1>是一樣的，但是我們通常建議使用小寫，大部分程式設計師都以小寫為準。 - HTML中有部分標籤是可以巢狀的。例如：
段落
,但不能交叉
HTML註釋
<!--這裡是註釋的內容-->
註釋中可以直接使用回車換行。並且我們習慣用註釋的標籤把HTML程式碼包裹起來。如：
<!-- xx部分 開始 -->
這裡放你xx部分的HTML程式碼
<!-- xx部分 結束 -->
head內常用標籤
meta
標籤是HTML的元素，在網頁頭部標籤內定義，可提供與網頁有關的結構化元資料，即網頁的元資訊(meta-information)。網頁上並不會顯示這些元資訊,但計算機可以識別他們。
-
指定字符集。
<meta charset="gbk"> -
頁面描述。
<meta name="Description" content="具體描述。。。"> -
關鍵字，有助於搜尋引擎SEC優化，不過需要注意的是，再怎麼優化也抵不過競價排名。
<meta name="Keywords" content="網易，郵箱，遊戲，新聞"> -
3秒後跳轉
<meta http-equiv="refresh" content="3,http://www.sogo.com"> -
三秒後重新整理
<meta http-equiv="refresh" content="3">
非meta相關標籤
-
標題，顯示在瀏覽器標籤頁
<title>百度一下，你就知道</title> -
網站圖示
<link rel="icon" href="https://www.baidu.com/favicon.ico"> -
定義內部樣式
<style></style> -
引入外部樣式檔案
<link rel="stylesheet" href="mystyle.css"> -
定義JavaScript程式碼或引入JavaScript檔案
<script src="hello.js"></script>
body內常用標籤
<b>加粗</b>
<i>斜體</i>
<u>下劃線</u>
<s>刪除</s>
<p>段落標籤</p>
<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
<h5>標題5</h5>
<h6>標題6</h6>
<br><!--換行-->
<hr><!--水平線-->
塊級元素和行內元素
- 塊元素，總是在新行上開始；內聯元素，和其他元素在一行；
- 塊元素，能容納其他塊元素或者內聯元素；內聯元素，只能容納文字或其他內聯元素；
- 塊元素中高度，行高以及頂和底邊距都可以控制；內聯元素中高，行高及頂和底邊距不可改變。
注意：p標籤不能包含塊級標籤，p標籤也不能包含p標籤
1. 塊兒級元素
獨自佔一行的標籤，我們成為塊兒級元素
eg: p, h1~h6,div
2. 行內元素
自身文字有多大，就佔多大
eg: i, u, s, b ,span
img標籤
<img src="123.png" alt="">
1. src
1)外鏈地址
2)本地地址
2. alt
當圖片載入失敗的時候，寫一些描述性資訊
3.title
當滑鼠懸浮顯示的提示資訊
# 注意：所有標籤都有該屬性
4. 設定圖片大小
# 寬和高只寫一個的話會等比例縮放
width:200
height:200
a標籤
a標籤標記一個內容為超連結，全稱anchor，也被稱作錨。
<a href="http://www.baidu.com" title="這是a標籤" target="_blank">百度首頁</a>
1. title
當滑鼠懸浮顯示的提示資訊
2. target
_self : 預設當前標籤頁
_blank : 另開一個新的標籤頁