day--14前端（HTML、CSS)
瀏覽器相當於客戶端，瀏覽器訪問服務端，收到消息之後裏面斷開，一次請求，一次響應，一次斷開。
Web框架本質 http://www.cnblogs.com/wupeiqi/articles/5237672.html
眾所周知，對於所有的Web應用，本質上其實就是一個socket服務端，用戶的瀏覽器其實就是一個socket客戶端。
#!/usr/bin/env python #coding:utf-8 import socket def handle_request(client): buf = client.recv(1024) client.send(b"HTTP/1.1 200 OK\r\n\r\n") client.send(b"Hello, Seven") def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind((‘localhost‘, 8000)) sock.listen(5) while True: connection, address = sock.accept() handle_request(connection) connection.close()if __name__ == ‘__main__‘: main()
上面，我們啟動程序，在瀏覽器空白窗口輸入localhost:8000，則會收到Hello,Seven的消息。
為什麽網址都是有各種格式和顏色的，我們上面顯示的只是簡答的hello,Seven，現在我們讓服務器斷發送不一樣的信息，如下：
client.send(b"<h1 style=‘background-color:red;‘>Hello wrold</h1>")
此時，刷新瀏覽器，收到的消息如下：
Hello wrold
此時，字體是<h1></h1>段落的形式，背景顏色是紅色，這是由於我們發送給瀏覽器的是瀏覽器識別的格式，能夠進行格式的轉換。
HTML架構：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
上面HTML是借助工具pycharm自動創建的html文件，是HTML的基本格式，<!DOCTYPE html>聲明HTML文件
<html lang="en"> #lang="en"標簽內部的屬性lang="en"
<head></head> #頭部
<body></body> #身體
</html>
註釋<!-- message -->
<head></head>裏面的標簽
-<meta> charset="UFT-8"設置字符格式，防止中文亂碼，默認utf-8可變長度的Unicode編碼。
-<title>標題</title>
Meta(metadata information)
提供有關頁面的元信息，例：頁面編碼，刷新，跳轉，針對搜索引擎合更新頻度的描述合關鍵詞
1.頁面編碼（告訴瀏覽器是什麽編碼）
<meta http-equiv="content-type" content="text/html;charset="utf-8">
2.刷新和跳轉
<meta http-equiv="refresh" content="2"> 默認兩秒刷新一次網頁，設置默認刷新<meta http-equiv="refresh" content="2">
間斷一段時間跳轉：
<meta http-equiv="refresh" content="3;Url=http://baidu.com"> 3秒鐘之後跳轉到百度的頁面
<meta>這種跳轉很少用，緊急的時候使用。
3.關鍵字
<meta name="kewwords" content="星際,老男孩，Alex，專訪，蒼老師">
4.描述
<meta name="description" content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務，為您提供愉悅的網上購物體驗!" /> <meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手表,存儲卡,京東" />
<meta name="description" content="對網站的用途做簡單的介紹，搜索引擎所搜到之後，會展示，告訴用戶網站的用途" />
5.X_UA-Compatible 兼容性，現在瀏覽器都不支持IE6低版本，IE6是微軟自定義的代碼，現在通用HTML，不在支持低版本，需進行說明
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" /> 最先支持IE9,不兼容使用IE8
6.<link>標簽
（1）、可以指定標題圖片，比如每個標簽旁邊都有一個官方的圖片，天貓，京東(JD)標誌等，如下：
<link rel="shortcut icon" href="//common.cnblogs.com/favicon.ico" type="image/x-icon" /> #指定顯示圖標
二、<body></body>標簽
 代表空格，>代表>號，<代表小於號(<)
網絡特殊符號地址：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
day--14前端（HTML、CSS)