一、前端概述
import
socket
def
main():
sock =
socket.socket(socket.AF_INET, socket.SOCK_STREAM)
sock.bind(('localhost',8089
))
sock.listen(5
)
while
True: connection, address =
sock.accept() buf = connection.recv(1024
) connection.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n","utf8"
)) connection.sendall(bytes("
Hello,World
","utf8"
)) connection.close() if __name__ == '__main__'
: main()
二、什么是HTML?
htyper text markup language 即超文本標記語言
超文本：就是指頁面內可以包含圖片、鏈接、甚至音樂、程序等非文字元素。
標記語言：標記(標簽)構成的語言
?
網頁==HTML文檔，由瀏覽器解析，用來展示的
靜態網頁：靜態的資源，比如test.html
動態網頁：html代碼是由某種開發語言根據用戶請求動態生成的
html文檔樹形結構圖：
三、標簽
●? 是由一對尖括號包裹的單詞構成 例如: *所有標簽中的單詞不可能以數字開頭.
●? 標簽不區分大小寫. 和 . 推薦使用小寫.
●? 標簽分為兩部分: 開始標簽 和 結束標簽 . 兩個標簽之間的部分 我們叫做標簽體.
●? 有些標簽功能比較簡單.使用一個標簽即可.這種標簽叫做自閉和標簽.例如:
四、標簽的屬性
●? 通常是以鍵值對形式出現的. 例如 name="simon"
●? 屬性只能出現在開始標簽 或 自閉和標簽中.
●? 屬性名字全部小寫. *屬性值必須使用雙引號或單引號包裹 例如?name="simon"
●? 如果屬性值和屬性名完全一樣.直接寫屬性名即可. 例如 readonly
五、 標簽
? ? ? 由于歷史的原因，各個瀏覽器在對頁面的渲染上存在差異，甚至同一瀏覽器在不同版本中，對頁面的渲染也不同。在
W3C標準出臺以前，瀏覽器在對頁面的渲染上沒有統一規范，產生了差異(Quirks mode或者稱為Compatibility
Mode)；由于W3C標準的推出，瀏覽器渲染頁面有了統一的標準(CSScompat或稱為Strict mode也有叫做Standars
mode)，這就是二者最簡單的區別。
? ? ? W3C標準推出以后，瀏覽器都開始采納新標準，但存在一個問題就是如何保證舊的網頁還能繼續瀏覽，在標準出來以前，
很多頁面都是根據舊的渲染方法編寫的，如果用的標準來渲染，將導致頁面顯示異常。為保持瀏覽器渲染的兼容性，使以
前的頁面能夠正常瀏覽，瀏覽器都保留了舊的渲染方法（如：微軟的IE）。這樣瀏覽器渲染上就產生了Quircks mode
和Standars mode，兩種渲染方法共存在一個瀏覽器上。
window.top.document.compatMode：
//
BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。
//CSS1Compat：標準模式，瀏覽器使用W3C的標準解析渲染頁面。
這個屬性會被瀏覽器識別并使用，但是如果你的頁面沒有DOCTYPE的聲明，那么compatMode默認就是BackCompat,
這也就是惡魔的開始 -- 瀏覽器按照自己的方式解析渲染頁面，那么，在不同的瀏覽器就會顯示不同的樣式。
? ? 如果你的頁面添加了那么，那么就等同于開啟了標準模式，那么瀏覽器就得老老實實的按照W3C的
標準解析渲染頁面，這樣一來，你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。
這就是的作用。
六、head標簽
?
meta標簽的組成：meta標簽共有兩個屬性，它們分別是http-equiv屬性和name 屬性，不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。
?
1: name屬性主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。?
1
2
3
?
?2: http-equiv顧名思義，相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content， ? ? ? ? ? ? ?content中的內容其實就是各個參數的變量值。
1
//(注意后面的引號，分別在秒數的前面和網址的后面)
2
3
4
5
注意：X-UA-Compatible
每個主要版本IE新增的功能都是為了讓瀏覽器更容易使用、增加安全性及更支持業界標準。以這些作為IE的特色，其中
一個風險就是舊版本網站無法正確的顯示。
為了將這個風險降到最低，IE6允許網頁開發人員選擇IE編譯和顯示他們網頁的方式。"Quirks mode"為預設，這會
使頁面以舊版本瀏覽器的視點顯示，"Standards mode"(也稱為"strict mode")特點是支持業界標準最為完善。
然而要利用這個增強的支持功能，網頁必須包含恰當的
指令。
若一個網頁沒有包含指令，IE6會將它以quirks mode顯示。若網頁包含有效的
指令但瀏
覽器無法辨識，IE6會將它以IE6 standards mode顯示。因為少數網站已經包含
指令，兼容性模式的
切換相當成功。這使網頁開發人員能選擇將他們的網頁轉移為standards mode的最佳時機。
隨著時間經過，更多網站開始使用standards mode。它們也開始使用IE6的特性和功能來檢測IE。舉例來說，IE6
不支持universal selector(即css之全局選擇器 * {})，一些網站便使用它來針對IE做特定的對應。
當 IE7增加了對全域選擇器的支持，那些依賴IE6特點的網站便無法偵測出這個新版本的瀏覽器。因此那些針對IE的
特定對應無法應用于IE7，造成這些網站便無法如他們預期的顯示。由于
只支持兩種兼容性模式，受到影
響的網站擁有者被迫更新他們的網站使其能支持IE7。
IE8 比之前的任何版本瀏覽器都更支持業界標準，因此針對舊版本瀏覽器設計的網頁可能無法如預期般呈現。為了幫
助減輕所有問題，IE8引入文件兼容性的概念，使你能選擇你的網頁設計要對應的特定IE版本。文件兼容性在IE8增加
了一些新的模式，這些模式能告訴瀏覽器如何解析和編譯一個網頁。若你的網頁無法在 ie8正確的顯示，你可以更新
你的網站使它支持最新的網頁標準(優先選項)或在你的頁面上新增一個meta元素用于告訴IE8如何依照舊版本瀏覽器
編譯你的頁面。
這能讓你選擇將你的網站更新支持IE8新特點的時機。
當 Internet Explorer 8 遇到未包含 X-UA-Compatible 標頭的網頁時，它將使用
指令來確 定如何顯示該網頁。 如果該指令丟失或未指定基于標準的文檔類型，則 Internet Explorer 8 將以 IE5 模式 （Quirks 模式）顯示該網頁。
非meta標簽
七、body標簽
: n的取值范圍是1~6; 從大到小. 用來表示標題.
: 段落標簽. 包裹的內容被換行.并且也上下內容之間有一行空白.
: 加粗標簽.
: 為文字加上一條中線.
: 文字變成斜體.
和
: 上角標 和 下角表.
:換行.
:水平線
塊級標簽：
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
