亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Python之路【第十八篇】:前端HTML

系統(tǒng) 1935 0

一、前端概述

Python之路【第十八篇】:前端HTML_第1張圖片

            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 即超文本標記語言

超文本:就是指頁面內(nèi)可以包含圖片、鏈接、甚至音樂、程序等非文字元素。

標記語言:標記(標簽)構(gòu)成的語言

?

網(wǎng)頁==HTML文檔,由瀏覽器解析,用來展示的

靜態(tài)網(wǎng)頁:靜態(tài)的資源,比如test.html

動態(tài)網(wǎng)頁:html代碼是由某種開發(fā)語言根據(jù)用戶請求動態(tài)生成的

html文檔樹形結(jié)構(gòu)圖:

Python之路【第十八篇】:前端HTML_第2張圖片

三、標簽

●? 是由一對尖括號包裹的單詞構(gòu)成 例如: *所有標簽中的單詞不可能以數(shù)字開頭.

●? 標簽不區(qū)分大小寫. 和 . 推薦使用小寫.

●? 標簽分為兩部分: 開始標簽 和 結(jié)束標簽 . 兩個標簽之間的部分 我們叫做標簽體.

●? 有些標簽功能比較簡單.使用一個標簽即可.這種標簽叫做自閉和標簽.例如:


●? 標簽可以嵌套.但是不能交叉嵌套.

四、標簽的屬性

●? 通常是以鍵值對形式出現(xiàn)的. 例如 name="simon"

●? 屬性只能出現(xiàn)在開始標簽 或 自閉和標簽中.

●? 屬性名字全部小寫. *屬性值必須使用雙引號或單引號包裹 例如?name="simon"

●? 如果屬性值和屬性名完全一樣.直接寫屬性名即可. 例如 readonly

五、 標簽

? ? ? 由于歷史的原因,各個瀏覽器在對頁面的渲染上存在差異,甚至同一瀏覽器在不同版本中,對頁面的渲染也不同。在
W3C標準出臺以前,瀏覽器在對頁面的渲染上沒有統(tǒng)一規(guī)范,產(chǎn)生了差異(Quirks mode或者稱為Compatibility
Mode);由于W3C標準的推出,瀏覽器渲染頁面有了統(tǒng)一的標準(CSScompat或稱為Strict mode也有叫做Standars
mode),這就是二者最簡單的區(qū)別。
? ? ? W3C標準推出以后,瀏覽器都開始采納新標準,但存在一個問題就是如何保證舊的網(wǎng)頁還能繼續(xù)瀏覽,在標準出來以前,
很多頁面都是根據(jù)舊的渲染方法編寫的,如果用的標準來渲染,將導(dǎo)致頁面顯示異常。為保持瀏覽器渲染的兼容性,使以
前的頁面能夠正常瀏覽,瀏覽器都保留了舊的渲染方法(如:微軟的IE)。這樣瀏覽器渲染上就產(chǎn)生了Quircks mode
和Standars mode,兩種渲染方法共存在一個瀏覽器上。

            
              window.top.document.compatMode:
//
              
                BackCompat:怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面。 
//CSS1Compat:標準模式,瀏覽器使用W3C的標準解析渲染頁面。
              
            
          

這個屬性會被瀏覽器識別并使用,但是如果你的頁面沒有DOCTYPE的聲明,那么compatMode默認就是BackCompat,

這也就是惡魔的開始 -- 瀏覽器按照自己的方式解析渲染頁面,那么,在不同的瀏覽器就會顯示不同的樣式。

? ? 如果你的頁面添加了那么,那么就等同于開啟了標準模式,那么瀏覽器就得老老實實的按照W3C的

標準解析渲染頁面,這樣一來,你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。

這就是的作用。

六、head標簽

?

meta標簽的組成:meta標簽共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的參數(shù)值,這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能。

?

1: name屬性主要用于描述網(wǎng)頁,與之對應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的。?

            1 
            
            
2  
3 
            
          

?

?2: http-equiv顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,與之對應(yīng)的屬性值為content, ? ? ? ? ? ? ?content中的內(nèi)容其實就是各個參數(shù)的變量值。

            1 
            
            
               //(注意后面的引號,分別在秒數(shù)的前面和網(wǎng)址的后面)
2  
3 
              
              
4  
5 
              
            
          

注意:X-UA-Compatible

            
              每個主要版本IE新增的功能都是為了讓瀏覽器更容易使用、增加安全性及更支持業(yè)界標準。以這些作為IE的特色,其中
一個風(fēng)險就是舊版本網(wǎng)站無法正確的顯示。

為了將這個風(fēng)險降到最低,IE6允許網(wǎng)頁開發(fā)人員選擇IE編譯和顯示他們網(wǎng)頁的方式。"Quirks mode"為預(yù)設(shè),這會
使頁面以舊版本瀏覽器的視點顯示,"Standards mode"(也稱為"strict mode")特點是支持業(yè)界標準最為完善。
然而要利用這個增強的支持功能,網(wǎng)頁必須包含恰當?shù)?
              
                指令。

若一個網(wǎng)頁沒有包含指令,IE6會將它以quirks mode顯示。若網(wǎng)頁包含有效的
                
                  指令但瀏
覽器無法辨識,IE6會將它以IE6 standards mode顯示。因為少數(shù)網(wǎng)站已經(jīng)包含
                  
                    指令,兼容性模式的
切換相當成功。這使網(wǎng)頁開發(fā)人員能選擇將他們的網(wǎng)頁轉(zhuǎn)移為standards mode的最佳時機。

隨著時間經(jīng)過,更多網(wǎng)站開始使用standards mode。它們也開始使用IE6的特性和功能來檢測IE。舉例來說,IE6
不支持universal selector(即css之全局選擇器 * {}),一些網(wǎng)站便使用它來針對IE做特定的對應(yīng)。

當 IE7增加了對全域選擇器的支持,那些依賴IE6特點的網(wǎng)站便無法偵測出這個新版本的瀏覽器。因此那些針對IE的
特定對應(yīng)無法應(yīng)用于IE7,造成這些網(wǎng)站便無法如他們預(yù)期的顯示。由于
                    
                      只支持兩種兼容性模式,受到影
響的網(wǎng)站擁有者被迫更新他們的網(wǎng)站使其能支持IE7。

IE8 比之前的任何版本瀏覽器都更支持業(yè)界標準,因此針對舊版本瀏覽器設(shè)計的網(wǎng)頁可能無法如預(yù)期般呈現(xiàn)。為了幫
助減輕所有問題,IE8引入文件兼容性的概念,使你能選擇你的網(wǎng)頁設(shè)計要對應(yīng)的特定IE版本。文件兼容性在IE8增加
了一些新的模式,這些模式能告訴瀏覽器如何解析和編譯一個網(wǎng)頁。若你的網(wǎng)頁無法在 ie8正確的顯示,你可以更新
你的網(wǎng)站使它支持最新的網(wǎng)頁標準(優(yōu)先選項)或在你的頁面上新增一個meta元素用于告訴IE8如何依照舊版本瀏覽器
編譯你的頁面。

這能讓你選擇將你的網(wǎng)站更新支持IE8新特點的時機。

當 Internet Explorer 8 遇到未包含 X-UA-Compatible 標頭的網(wǎng)頁時,它將使用 
                      
                         指令來確 定如何顯示該網(wǎng)頁。 如果該指令丟失或未指定基于標準的文檔類型,則 Internet Explorer 8 將以 IE5 模式 (Quirks 模式)顯示該網(wǎng)頁。
                      
                    
                  
                
              
            
          

非meta標簽

            
            
            
          

七、body標簽

            
              
                : n的取值范圍是1~6; 從大到小. 用來表示標題.


                

: 段落標簽. 包裹的內(nèi)容被換行.并且也上下內(nèi)容之間有一行空白. : 加粗標簽. : 為文字加上一條中線. : 文字變成斜體. : 上角標 和 下角表.
:換行.


:水平線

塊級標簽:


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 国产一区二区视频在线播放 | 有码一区 | 99这里只有精品视频 | 国产一区在线视频观看 | 中文在线观看视频 | 国产一区二区在线播放 | 日韩av片免费播放 | 成人在线免费 | 欧美日韩成人午夜免费 | 性欧美欧美之巨大69 | 国产一区二区在线视频 | 日本中文字幕在线播放 | 久久久久久久久毛片精品 | 伊人精品在线观看 | 四虎影院最新地址 | 日韩va | 亚洲日韩欧美一区二区在线 | 国产视频在线播放 | 2021国产在线视频 | 亚洲va国产va欧美va综合 | www4虎| 欧美亚洲国产精品第一页 | 久久美女网 | 国产高清视频在线 | 成人网在线视频 | 日本香蕉视频 | 性欧美一级毛片欧美片 | 成人国产精品毛片 | 国产国产成人人免费影院 | 天天干天天要 | 欧美不卡一区 | 久草热久草在线 | 欧美三级做爰在线 | 久久久久久久久久鸭 | 中午字幕在线观看 | 久久精品视屏 | 欧美国产日产精品免费视频 | 亚洲国产成人超福利久久精品 | 久久一级视频 | 久久国产热 | 中文字暮文字暮 |