黄色网页视频 I 影音先锋日日狠狠久久 I 秋霞午夜毛片 I 秋霞一二三区 I 国产成人片无码视频 I 国产 精品 自在自线 I av免费观看网站 I 日本精品久久久久中文字幕5 I 91看视频 I 看全色黄大色黄女片18 I 精品不卡一区 I 亚洲最新精品 I 欧美 激情 在线 I 人妻少妇精品久久 I 国产99视频精品免费专区 I 欧美影院 I 欧美精品在欧美一区二区少妇 I av大片网站 I 国产精品黄色片 I 888久久 I 狠狠干最新 I 看看黄色一级片 I 黄色精品久久 I 三级av在线 I 69色综合 I 国产日韩欧美91 I 亚洲精品偷拍 I 激情小说亚洲图片 I 久久国产视频精品 I 国产综合精品一区二区三区 I 色婷婷国产 I 最新成人av在线 I 国产私拍精品 I 日韩成人影音 I 日日夜夜天天综合

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

系統(tǒng) 2085 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 即超文本標(biāo)記語言

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

標(biāo)記語言:標(biāo)記(標(biāo)簽)構(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張圖片

三、標(biāo)簽

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

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

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

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


●? 標(biāo)簽可以嵌套.但是不能交叉嵌套.

四、標(biāo)簽的屬性

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

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

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

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

五、 標(biāo)簽

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

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

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

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

? ? 如果你的頁面添加了那么,那么就等同于開啟了標(biāo)準(zhǔn)模式,那么瀏覽器就得老老實(shí)實(shí)的按照W3C的

標(biāo)準(zhǔn)解析渲染頁面,這樣一來,你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。

這就是的作用。

六、head標(biāo)簽

?

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

?

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

            1 
            
            
2  
3 
            
          

?

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

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

注意:X-UA-Compatible

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

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

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

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

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

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

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

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

非meta標(biāo)簽

            
            
            
          

七、body標(biāo)簽

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


                

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


:水平線

塊級標(biāo)簽:


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

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

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

【本文對您有幫助就好】

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

發(fā)表我的評論
最新評論 總共0條評論