現(xiàn)代Web開發(fā)與應(yīng)用課件 第一章-Web發(fā)展歷程與核心標(biāo)準(zhǔn)

現(xiàn)代Web開發(fā)與應(yīng)用Web發(fā)展歷程與核心標(biāo)準(zhǔn)

Web的基本概念Web是分布在互聯(lián)網(wǎng)上的基于HTTP通信協(xié)議的服務(wù)器(Web服務(wù)器)中所有互相連接的超文本集(Web文檔)，它采用瀏覽器/服務(wù)器模式并使用超文本技術(shù)鏈接Internet上的信息和資源。服務(wù)器端存放用HTML編寫的網(wǎng)頁(yè)以及其他資源，客戶機(jī)通過(guò)瀏覽器

可以訪問(wèn)全球范圍內(nèi)各個(gè)主機(jī)上的這些信息資源?；咎卣鱑RI標(biāo)識(shí)資源使用HTML技術(shù)來(lái)創(chuàng)建客戶端界面使用HTTP協(xié)議來(lái)傳輸內(nèi)容基于B/S模式Berners-Lee提出了超文本(HyperText)的概念并創(chuàng)造出超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage，簡(jiǎn)稱HTML),同時(shí)開發(fā)出傳輸這種語(yǔ)言的協(xié)議HTTP。Web的誕生Web的主要目的是旨在成為一種共享的信息空間（asharedinformationspace），人們和機(jī)器都可以通過(guò)它來(lái)進(jìn)行溝通。-Berners-LeeInternet的發(fā)展與Web19451995MemexConceived1945WWWCreated1989MosaicCreated1993AMathematicalTheoryofCommunication1948PacketSwitchingInvented1964SiliconChip1958FirstVastComputerNetworkEnvisioned1962ARPANET1969TCP/IPCreatedCerf&Kahn1972InternetNamedandGoesTCP/IP1984HypertextInvented1965Telenet1969-1971FirstEmailRayTomlism1972AgeofeCommerceBegins1995

Web與互聯(lián)網(wǎng)前沿技術(shù)Web2.0/3.0物聯(lián)網(wǎng)

區(qū)塊鏈大數(shù)據(jù)云計(jì)算

移動(dòng)互聯(lián)網(wǎng)

元宇宙人工智能互聯(lián)網(wǎng)與Web的圖景：云腦隱喻互聯(lián)網(wǎng)與Web的圖景：云腦隱喻

從文檔Web到服務(wù)Web?WebServer?HTTP協(xié)議?HTML文檔?ApplicationServers?強(qiáng)調(diào)業(yè)務(wù)邏輯?生成HTML?事務(wù)機(jī)制?分布式處理?WebServices?產(chǎn)生XML，Json等數(shù)據(jù)?SOAP/REST/GraghQL?程序開啟事務(wù)DocumentWebApplicationWebServiceWebWeb如何運(yùn)作該圖引自《HTTP/2inAction》Web如何運(yùn)作處理靜態(tài)Web靜態(tài)頁(yè)是在發(fā)送到瀏覽器時(shí)不進(jìn)行修改的頁(yè)Web如何運(yùn)作處理動(dòng)態(tài)WebWeb如何運(yùn)作訪問(wèn)具有數(shù)據(jù)庫(kù)的深度Web

Web是一種分布式超媒體系統(tǒng)超文本/超媒體/鏈接

Web是圖形化的和易于導(dǎo)航的只需從一個(gè)鏈接跳到另一個(gè)鏈接就可在各頁(yè)各站點(diǎn)間進(jìn)行瀏覽Web與平臺(tái)無(wú)關(guān)從Windows、UNIX、Macintosh等都可以訪問(wèn)WebWeb是分布式的從用戶來(lái)看這些信息是統(tǒng)一視圖的Web是動(dòng)態(tài)的信息的提供者可以經(jīng)常的對(duì)Web上的信息進(jìn)行更新Web是交互的用戶可以向服務(wù)器提交請(qǐng)求，服務(wù)器返回相應(yīng)信息Web的特征

Web技術(shù)的“一平三端”Web的特征Web前端UI框架：BootStrap，Element-UI等MVVM：Vue，React,Angular移動(dòng)端平臺(tái)：Codova,PhoneGap框架：Flutter,Ionic，H5PC端Electron

從Web1.0到Web3.0(Web3)

從Web1.0到Web3.0(Web3)

從Web1.0到Web3.0(Web3)

Web2.0最初是由O’Reilly公司CEOTimO’Reilly提出的一個(gè)詞匯。

《web2.0designpatterns》TheLongTailDataistheNextIntelInsideUsersAddValueNetworkEffectsbyDefaultThePerpetualBetaCooperate,Don’tControlSoftwareAbovetheLevelofaSingleDevice

Web2.0

Web2.0小世界網(wǎng)絡(luò)：較小的平均路徑長(zhǎng)度較大的聚集系數(shù)

Web2.0人類社會(huì)規(guī)律與社交網(wǎng)絡(luò)六度關(guān)系理論…Weinstigateonaplanetary-scaletheoft-citedreportthatpeopleareseparatedby“sixdegreesofseparation”andfindthattheaveragepathlengthamongMessengerusersis6.6…─JureLeskovec20世紀(jì)60年代由美國(guó)的心理學(xué)家米格蘭姆（StanleyMilgram）提出:最多通過(guò)六個(gè)人你就能夠認(rèn)識(shí)任何一個(gè)陌生人Web2.0人類社會(huì)規(guī)律與社交網(wǎng)絡(luò)三度影響:我們的很多行為可以影響到朋友的朋友的朋友弱連接與強(qiáng)連接

社會(huì)對(duì)個(gè)人的心理、認(rèn)知、行為和狀態(tài)會(huì)產(chǎn)生的影響發(fā)生在相互連接的人之間，通過(guò)人與人之間的連接關(guān)系傳播，影響力的大小取決于人與人之間的距離。美國(guó)社會(huì)學(xué)家馬克·格拉諾維特提出，其實(shí)與一個(gè)人的工作和事業(yè)關(guān)系最密切的社會(huì)關(guān)系并不是“強(qiáng)連接”，而常常是“弱連接”。Web2.0人類社會(huì)規(guī)律與社交網(wǎng)絡(luò)鄧巴數(shù)（牛津大學(xué)人類學(xué)家羅賓.鄧巴）

六度分隔三度影響弱聯(lián)系鄧巴數(shù)人類智力允許穩(wěn)定社交網(wǎng)絡(luò)的人數(shù)大約是150人`（facebook目前平均好友是130人）;35人是適合協(xié)作的數(shù)（班級(jí)學(xué)習(xí)）；15人適合緊密協(xié)作（協(xié)同工具）；最緊密群體：4-5人（實(shí)時(shí)工具）

Web2.0應(yīng)用SNSSocialNetworkService，社會(huì)性網(wǎng)絡(luò)軟件；以認(rèn)識(shí)朋友的朋友為基礎(chǔ)，擴(kuò)展自己的人脈。Blog個(gè)人或群體以時(shí)間順序所作的一種記錄。blog之間的交流主要是通過(guò)回溯引用（TrackBack）和回響/留言/評(píng)論（comment）的方式來(lái)進(jìn)行的。Tag（標(biāo)簽，開放分類，社會(huì)化書簽）是比傳統(tǒng)的目錄式分類更靈活、更具自主性的分類方式。RSSRichSiteSummary（豐富站點(diǎn)摘要）。Wiki面向社群的協(xié)作式寫作，一種人類知識(shí)的網(wǎng)絡(luò)系統(tǒng)。Web2.0應(yīng)用SNS

FacebookYouTubeWhatsAppInstagramWeChatTikTokTwitterLinkedinSnapchatPinterest

Web2.0應(yīng)用移動(dòng)互聯(lián)網(wǎng)下面的Web2.0應(yīng)用WhatsAPPYikYaksnapchatWeb2.0微內(nèi)容英文是microcontent。用戶所生產(chǎn)的任何數(shù)據(jù)都算是微內(nèi)容Web2.0的產(chǎn)品/服務(wù)：服務(wù)于用戶個(gè)體的微內(nèi)容的收集、創(chuàng)建、發(fā)布、管理、分享、合作、維護(hù)等的平臺(tái)

Web3.0什么是Web3.0“Web3willbe10megabitsofbandwidthallthetime,whichwillbethefullvideoWeb,andthatwillfeellikeWeb3”—ReedHastingsNetflixfounder“ReferredtoasWeb3,theeffortisinitsinfancy,andtheveryideahasgivenrisetoskepticswhohavecalleditanunobtainablevision…”----紐約時(shí)報(bào)其實(shí)很簡(jiǎn)單Web3.0將是語(yǔ)義網(wǎng)的天下----QWeb3.0什么是Web3.0

從web2.0到web3.0則會(huì)通過(guò)更加個(gè)性化的技術(shù)革新使得互聯(lián)網(wǎng)的表現(xiàn)形式更為豐富。例如3D(三維)、3G等新技術(shù)在互聯(lián)網(wǎng)的運(yùn)用——阿里巴巴軟件經(jīng)理王濤博客會(huì)是搜狐web3.0中相當(dāng)重要的一個(gè)元素，也是網(wǎng)民的一個(gè)主要入口。而這個(gè)全新的“聲?色”版博客增加了視頻功能，將全面支持視頻內(nèi)容的上傳和分享，讓用戶把視頻、音樂(lè)、圖片、文字隨意支配于掌上. ——搜狐CEO張朝陽(yáng)“web3.0，就是讓個(gè)人和機(jī)構(gòu)之間建立一種互為中心而轉(zhuǎn)化的機(jī)制，也就是說(shuō)個(gè)人在一定程度上可以轉(zhuǎn)化為機(jī)構(gòu)，機(jī)構(gòu)在一定的環(huán)境下也可以像個(gè)人一樣，擬人化的進(jìn)行他們的商業(yè)行為，而進(jìn)一步拉近和網(wǎng)民的距離……” ——Mezi.Bulunbulei博士

Web3.0

Web3.0Web3.0相關(guān)技術(shù)SemanticWebmachinescanreaditandunderstanditasmuchashumanscan,withoutambiguousness.The3DWeborWeb3DtheinteractionsoccurringbetweenavatarsarekeptinthevirtualworldTheMediaCentricWebSystemsshouldbeabletorecognizehandgestures,voice,andevenpeople’sfacesandmoods,andrespondinamultimodalfashionaswellThePervasiveandUbiquitousWebweenvisiontheWeb3.0togobeyondtheuseofthetraditionalwebbyincludingnaturalwaysofinteractingwithreal-lifeobjectsthattypicallyhavenotbeenconsideredascomputingentities《Web3:AVisionforBridgingtheGapbetweenRealandVirtual》Web3.0Web3.0特征

將互聯(lián)網(wǎng)結(jié)構(gòu)化為數(shù)據(jù)庫(kù)，使傳統(tǒng)的網(wǎng)頁(yè)、文檔等都能以RDF和OWL語(yǔ)義格式的形式普遍存在。向人工智能進(jìn)化，最終能以類似人類的方式思辯網(wǎng)絡(luò)。語(yǔ)義網(wǎng)的實(shí)現(xiàn)，使Web具有推理分析的能力。向3D進(jìn)化，將整個(gè)網(wǎng)絡(luò)轉(zhuǎn)化為一系列3D空間。Web3.0典型Web3.0應(yīng)用

DBpedia是一個(gè)關(guān)聯(lián)數(shù)據(jù)存儲(chǔ)庫(kù)，它是一個(gè)支持RDF的維基百科（Wikipedia）副本。提供了SPARQL接口支持查詢。Freebase是一個(gè)開放的、可寫的語(yǔ)義數(shù)據(jù)庫(kù)，包含了數(shù)百萬(wàn)個(gè)主題的相關(guān)信息。使用一種稱為MQL的查詢語(yǔ)言，還支持HTTPweb端的訪問(wèn)和JSON數(shù)據(jù)格式的API接口。通過(guò)集成S標(biāo)記、RDF、JSON-LD、NLP、機(jī)器學(xué)習(xí)和多種數(shù)據(jù)源，構(gòu)建了一個(gè)龐大且智能的知識(shí)圖譜。顯著提升了搜索引擎的理解能力和用戶體驗(yàn)。Web3.0語(yǔ)義網(wǎng)（符號(hào)主義）

W3CLinked

DataCloudW3C的關(guān)聯(lián)開放數(shù)據(jù)（LOD）項(xiàng)目，Linkeddata目的是構(gòu)建一張計(jì)算機(jī)能理解的語(yǔ)義數(shù)據(jù)網(wǎng)絡(luò)，以便于在此之上構(gòu)建更智能的應(yīng)用。Web3.0語(yǔ)義Web

Wikipedia定義語(yǔ)義Web："aprojectthatintendstocreateauniversalmediumforinformationexchangebyputtingdocumentswithcomputer-processablemeaning(semantics)ontheWorldWideWeb"。Web3.0語(yǔ)義Web核心協(xié)議Web3Web3概述

Web3一詞，是由以太坊（ETH）創(chuàng)始人之一GavinWood提出，作為后斯諾登時(shí)代的下一代互聯(lián)網(wǎng)Web3，應(yīng)該具備的幾個(gè)組成部分：一個(gè)加密的，去中心化的信息發(fā)布系統(tǒng)一個(gè)基于身份的，但又是匿名的底層通信系統(tǒng)一個(gè)用于取代中心節(jié)點(diǎn)信息驗(yàn)證功能的共識(shí)引擎一個(gè)將上述三點(diǎn)結(jié)合在一起的用戶交互系統(tǒng)Web3Web3核心概念一種價(jià)值互聯(lián)網(wǎng),由以太坊創(chuàng)始人之一加文伍德(GavinWood)提出。核心技術(shù)：區(qū)塊鏈（BlockChain）應(yīng)用的形式：DApp(DecentralizedApplication)，如DeFi,GameFi等。價(jià)值的載體：NFT（NoneFungibleToken，非同質(zhì)化通證）組織形式：DAO（DecentralizedAutonomousOrganization，去中心化自治組織）數(shù)據(jù)存儲(chǔ)：IPFS（InterPlanetaryFileSystem，星際文件系統(tǒng)）綜合呈現(xiàn)：元宇宙（MetaUniverse）

Web3區(qū)塊鏈分布式賬本最早在2009年由中本聰（SatoshiNakamoto）在一篇名為《比特幣：一種點(diǎn)對(duì)點(diǎn)的電子現(xiàn)金系統(tǒng)》的文章中提出。網(wǎng)上計(jì)算節(jié)點(diǎn)共同維護(hù)的一個(gè)賬本，實(shí)現(xiàn)信用計(jì)算。加密網(wǎng)絡(luò)，難以篡改非對(duì)稱密碼（數(shù)字簽名）、哈希函數(shù)和P2P對(duì)等網(wǎng)

區(qū)塊鏈關(guān)鍵技術(shù)體系Web3區(qū)塊鏈塊鏈數(shù)據(jù)結(jié)構(gòu)

Web3區(qū)塊鏈區(qū)塊鏈1.0，比特幣

比特幣是一種由開源的P2P軟件產(chǎn)生的電子貨幣，是一種網(wǎng)絡(luò)虛擬貨幣。比特幣不依靠特定貨幣機(jī)構(gòu)發(fā)行，它通過(guò)特定算法的大量計(jì)算產(chǎn)生，比特幣經(jīng)濟(jì)使用整個(gè)P2P網(wǎng)絡(luò)中眾多節(jié)點(diǎn)構(gòu)成的分布式數(shù)據(jù)庫(kù)來(lái)確認(rèn)并記錄所有的交易行為。P2P的去中心化特性與算法本身可以確保無(wú)法通過(guò)大量制造比特幣來(lái)人為操控幣值。Web3區(qū)塊鏈區(qū)塊鏈2.0，以太坊，智能合約以太坊(Ethereum)就是區(qū)塊鏈版的操作系統(tǒng)，是一個(gè)為去中心化應(yīng)用(DApps)而生的全球開源平臺(tái)。以太坊建立了一個(gè)可編程的、圖靈完備的區(qū)塊鏈。智能合約的本質(zhì)就是通過(guò)代碼程序的方式執(zhí)行現(xiàn)實(shí)社會(huì)中的一些底層的制度或者合同。相當(dāng)于區(qū)塊鏈上存儲(chǔ)了一系列自動(dòng)執(zhí)行的規(guī)則。

Web3區(qū)塊鏈的類型

優(yōu)點(diǎn)在于去中心化和公開透明；缺點(diǎn)在于交易速度較慢，能源和計(jì)算資源的消耗也比較大。優(yōu)點(diǎn)在于權(quán)限控制和高效性；缺點(diǎn)在于缺乏公開透明，數(shù)據(jù)不是完全公開的，不利于社會(huì)的監(jiān)督和驗(yàn)證。優(yōu)點(diǎn)在于兼具公鏈和私有鏈的優(yōu)點(diǎn)，既有去中心化和公開透明的特點(diǎn)，也有權(quán)限控制和高效性的特點(diǎn)；缺點(diǎn)在于聯(lián)盟成員的管理和維護(hù)可能存在困難。Web3主要公鏈與跨鏈橋

Web3DApps(DecentralizedApplication)DApps是建立在區(qū)塊鏈上的應(yīng)用DeFi:去中心化金融,如Uniswap去中心化交易所，MetaMask錢包等。GameFi：游戲化金融,如AxieInfinity。SocialFi：社交化金融，如CyberConnect。

Web3NFT（Non-FungibleTokens）區(qū)塊鏈上的數(shù)字通證分為同質(zhì)化通證FT和非同質(zhì)化通證NFT同質(zhì)化通證FT：如BTC，ETH等，一種能夠互換、具有統(tǒng)一性的通證。非同質(zhì)化通證NFT：是區(qū)塊鏈中注冊(cè)的一種獨(dú)特?cái)?shù)字證書，可錨定現(xiàn)實(shí)物品的數(shù)字憑證。具有不可替代和不可分割的特性。是智能合約的一種。目前集中在游戲，藝術(shù)品和數(shù)字藏品等方面。

Web3DAO（DecentralizedAutonomousOrganization）“去中心化自治組織”，基于區(qū)塊鏈技術(shù)運(yùn)作的組織，通過(guò)智能合約自動(dòng)執(zhí)行組織規(guī)則。代碼包含了組織的運(yùn)作規(guī)則和協(xié)議。這使得DAO具有“代碼即法律”（codeislaw）特征，去中心化和公開透明。運(yùn)轉(zhuǎn)的核心是通過(guò)Token激勵(lì)的方式，“通證經(jīng)濟(jì)”。

Web3DeFi（DestributedFinance）去中心化金融，包括錢包、交易所以及獲取收益的DApps等。加密錢包：存儲(chǔ)加密資產(chǎn)的容器。公鑰通過(guò)哈希運(yùn)算產(chǎn)生錢包地址，用于接收通證轉(zhuǎn)入私鑰用于檢驗(yàn)身份，是進(jìn)入并操作錢包的鑰匙交易所中心化交易所（CEX）：存放并掌控用戶資金。交易速度比DEX快。去中心化交易所（DEX）：由智能合約撮合交易，用戶掌控資金。金融DApps借貸池，如Aave,MakerDAO,Compound和Anchor等無(wú)抵押借貸產(chǎn)品：TrueFi,Wing投行和風(fēng)投：CultDao,Ondo保險(xiǎn)：NexusMutual,Unslashed,inSure,Solace等

Web3GameFi（GameFinance）結(jié)合了DeFi（去中心化金融）和區(qū)塊鏈游戲，創(chuàng)建了一個(gè)新的加密經(jīng)濟(jì)模型。實(shí)現(xiàn)Play-to-Earn的商業(yè)模式。

元宇宙應(yīng)用Cryptovoxels中點(diǎn)擊鏈接可以直接到交易市場(chǎng)OpenSea的相應(yīng)物品頁(yè)面。2021年發(fā)源于菲律賓的現(xiàn)象級(jí)的鏈游。最高日收入可以達(dá)到1750萬(wàn)美元，DAU達(dá)300萬(wàn)。Web3IPFS(InterPlanetaryFileSystem)IPFS是一種基于內(nèi)容尋址、版本化、點(diǎn)對(duì)點(diǎn)的超媒體傳輸協(xié)議。IPFS網(wǎng)絡(luò)里的文件，會(huì)被賦予一個(gè)唯一的哈希值。通過(guò)IPFS，用戶可以直接搜索內(nèi)容。常被用于存儲(chǔ)NFT的源文件，比如著名的無(wú)聊猿系列NFT。

Web3從Web1.0到Web3

Web3從Web1.0到Web3

萬(wàn)維網(wǎng)聯(lián)盟(W3C)由TimBerners-Lee成立，主要制定Web技術(shù)的標(biāo)準(zhǔn)結(jié)構(gòu)化標(biāo)準(zhǔn)HTML5XHTMLXML表現(xiàn)標(biāo)準(zhǔn)CSSSCSS行為標(biāo)準(zhǔn)DOMECMAScript

URI:統(tǒng)一資源標(biāo)識(shí)符（UniformResourceIdentifier）抽象的，高層次；而URL和URN都是一種URIURL:統(tǒng)一資源定位符（UniformResourceLocator）用來(lái)確定Web網(wǎng)上某資源地址的字符串語(yǔ)法為：scheme://host:port/path/resource#section?parameters例如：/s/215/URIHTML基礎(chǔ)HTML一種含有一套語(yǔ)法規(guī)則的文本標(biāo)記語(yǔ)言,用來(lái)表示網(wǎng)頁(yè)。是后綴為(.htm,.html)的文本文件。標(biāo)簽(TAGS)HTML基本結(jié)構(gòu)是由標(biāo)簽來(lái)標(biāo)識(shí)的，每個(gè)標(biāo)簽表示對(duì)文擋的一種處理。HTML標(biāo)簽的語(yǔ)法一般由“<元素>”引出，以“</元素>”作結(jié)尾。<HTML>

<HEAD> <TITLE>……</TITLE>

</HEAD>

<BODY>

…………

</BODY></HTML>HTML基礎(chǔ)HTML52014年最終定稿的最新HTML標(biāo)準(zhǔn)W3cWorkingDraft:/TR/html5/促進(jìn)了web上的和便攜式設(shè)備的跨平臺(tái)應(yīng)用的開發(fā)。瀏覽器支持程度評(píng)測(cè)網(wǎng)站：

/HTML基礎(chǔ)HTML5新增標(biāo)簽：增強(qiáng)語(yǔ)義article：文章aside：內(nèi)容旁邊的側(cè)邊欄內(nèi)容audio：音頻canvas：2D繪圖command：命令按鈕datalist：下拉選擇框details：對(duì)象的細(xì)節(jié)dialog：對(duì)話框embed：外部插件或?qū)ο骹igure：一組媒體對(duì)象以及標(biāo)簽文字footer：頁(yè)腳header：頁(yè)首hgroup：文檔某一部分的信息keygen：表單生成的Keymark：標(biāo)注的文字meter：預(yù)先定義的范圍內(nèi)的度量nav：導(dǎo)航條output：輸出progress：進(jìn)度條rp：標(biāo)識(shí)rubby內(nèi)容rt：rubby內(nèi)容的解釋ruby：rubby內(nèi)容section：定義一個(gè)部分source：媒體的資源time：日期時(shí)間video：視頻CSS簡(jiǎn)介CSS（CascadingStyleSheets，層疊樣式表）簡(jiǎn)介

由萬(wàn)維網(wǎng)聯(lián)盟（W3C）的CSS工作組開發(fā)和維護(hù)的樣式表語(yǔ)言，用于描述HTML或XML文檔的呈現(xiàn)樣式。描述了元素應(yīng)該如何被渲染，包括布局、顏色、字體、間距等。

主要目的是分離網(wǎng)頁(yè)內(nèi)容（由HTML或XML標(biāo)記寫成）和表現(xiàn)層，使得網(wǎng)頁(yè)更加靈活、可讀性更強(qiáng)且易于維護(hù)。CSS的發(fā)展歷程：1996年12月發(fā)布CSS1，實(shí)現(xiàn)基本的字體屬性、顏色、間距、對(duì)齊和背景設(shè)置，支持偽類和偽元素。1998年5月發(fā)布了CSS2，引入了媒體查詢來(lái)應(yīng)對(duì)不同設(shè)備和屏幕，新增表格布局和用戶界面樣式。最新的CSS3引入了模塊化的方式，新增了2D和3D變換，過(guò)渡和動(dòng)畫，F(xiàn)lexbox和Grid布局模型等，增強(qiáng)了媒體查詢，使得響應(yīng)式設(shè)計(jì)更加方便。CSS3CSS3簡(jiǎn)介模塊概覽CSS3CSS3簡(jiǎn)介模塊概覽CSS3CSS3簡(jiǎn)介模塊概覽CSS3CSS規(guī)則主要由兩個(gè)主要部分構(gòu)成：選擇器和聲明塊。CSS3CSS規(guī)則主要由兩個(gè)主要部分構(gòu)成：選擇器和聲明塊。p{font-size:12pt;font-style:italic;color:green}選擇器（與此樣式相關(guān)的元素）聲明塊（以分號(hào)分隔的聲明列表）聲明屬性值CSSCSS盒模型（BoxModel）CSS布局的基礎(chǔ)，它描述了元素框如何與周圍元素相互作用CSS將樣式表和文檔關(guān)聯(lián)外部樣式表將CSS規(guī)則寫在一個(gè)外部文件中，通常具有.css擴(kuò)展名。在HTML文檔的<head>區(qū)域內(nèi)通過(guò)<link>元素引入。便于管理，可實(shí)現(xiàn)樣式和內(nèi)容的分離，可被多個(gè)HTML文件共享，有助于網(wǎng)站的一致性和維護(hù)。<head> <linkrel="stylesheet"type="text/css"href="mystyle.css"></head>CSS將樣式表和文檔關(guān)聯(lián)內(nèi)部樣式表CSS規(guī)則寫在HTML文檔的<head>區(qū)域內(nèi)的<style>元素中。適合單個(gè)文檔的特定樣式，可實(shí)現(xiàn)樣式和內(nèi)容的一定程度的分離。<head><styletype="text/css"><!--內(nèi)部樣式表-->.example{color:red;}</style></head>CSS將樣式表和文檔關(guān)聯(lián)內(nèi)聯(lián)樣式直接在HTML元素內(nèi)部使用style屬性來(lái)應(yīng)用CSS規(guī)則。適用于快速覆蓋其他樣式，一般用于單個(gè)元素的樣式設(shè)置，但不利于樣式管理和網(wǎng)站的一致性。如果定義了幾個(gè)樣式，其優(yōu)先級(jí)最高的為內(nèi)聯(lián)樣式，其次是內(nèi)部樣式表，然后是外部樣式表，最后是默認(rèn)樣式。<divclass="example"style="color:red;"><!--內(nèi)聯(lián)樣式-->HelloWorld!</div>

JavaScriptJavaScript簡(jiǎn)介1995年，網(wǎng)景公司的BrendanEich為NetscapeNavigator瀏覽器開發(fā)了JavaScript。1997年，JavaScript被ECMA（歐洲計(jì)算機(jī)制造商協(xié)會(huì)）采納為標(biāo)準(zhǔn)，即ECMAScript（ES）。BrendanEichQMLWechatApplicationActionScriptCoffeeScriptTypeScript...ECMAScriptJavaScript

JavaScriptJavaScript簡(jiǎn)介除開實(shí)現(xiàn)ECMAScript標(biāo)準(zhǔn)外，還包含DOM（文檔對(duì)象模型）、BOM（瀏覽器對(duì)象模型）和其他WebAPI。ES5添加了嚴(yán)格模式、JSON支持和新的數(shù)組方法。ES6/ES2015引入了類、模塊、迭代器、箭頭函數(shù)、模板字符串、解構(gòu)賦值、Promise等。ES7引入了sync/await（異步函數(shù)）等。

JavaScriptJavaScript簡(jiǎn)介TypeScript是Microsoft開發(fā)的一個(gè)開源語(yǔ)言，它是JavaScript的一個(gè)超集，為JavaScript添加了可選的靜態(tài)類型檢查和面向?qū)ο缶幊痰奶匦?。CoffeeScript側(cè)重于簡(jiǎn)潔的語(yǔ)法和快速開發(fā)?？梢酝ㄟ^(guò)Node.js和npm（Node包管理器）安裝CoffeeScript編譯器，編譯為JavaScript。

JavaScriptJavaScript簡(jiǎn)介Web瀏覽器中內(nèi)置的腳本語(yǔ)言，和HTML和CSS并列為Web開發(fā)的三大核心技術(shù)之一。目前已經(jīng)發(fā)展為全棧語(yǔ)言。前端框架:Jquery，React，Angular，Vue.js等。Node.js服務(wù)器端框架：Express、Koa等。桌面框架：Electron。開發(fā)支持工具：構(gòu)建工具Webpack等；包管理器npm、yarn等；代碼檢查和格式化工具ESLint等。

JavaScriptJavaScript語(yǔ)言的特征動(dòng)態(tài)的、弱類型的、基于原型的編程語(yǔ)言。JavaScript函數(shù)能夠創(chuàng)建閉包。函數(shù)式編程支持：函數(shù)是JavaScript中的一等公民，可以作為參數(shù)傳遞。ES6引入了class關(guān)鍵字來(lái)提供基于類的面向?qū)ο缶幊陶Z(yǔ)法。在瀏覽器環(huán)境中通常采用事件驅(qū)動(dòng)模型。支持異步編程模型，允許非阻塞的代碼執(zhí)行，如回調(diào)、Promise和Async/Await。支持模塊化管理。

JavaScript函數(shù)式語(yǔ)言特性函數(shù)被視為一等公民：函數(shù)可以被賦值給變量、作為參數(shù)傳遞給其他函數(shù)，以及作為其他函數(shù)的返回值。高階函數(shù)：JavaScript允許函數(shù)操作函數(shù)，即接受一個(gè)或多個(gè)函數(shù)作為參數(shù)并返回一個(gè)新函數(shù)的函數(shù)。純函數(shù)：對(duì)于相同的輸入總是返回相同的輸出，并且沒(méi)有副作用。不可變性：函數(shù)式編程鼓勵(lì)使用不可變數(shù)據(jù)。這意味著不直接修改數(shù)據(jù)，而是生成并返回新的數(shù)據(jù)副本。函數(shù)組合：通過(guò)組合小的、可復(fù)用的函數(shù)來(lái)構(gòu)建更復(fù)雜的操作。遞歸：使用遞歸來(lái)處理可迭代的數(shù)據(jù)結(jié)構(gòu)，而不是使用循環(huán)。XML簡(jiǎn)介與起源XML是ExtensibleMarkupLanguage(可擴(kuò)展標(biāo)記語(yǔ)言)的簡(jiǎn)稱，是一種元語(yǔ)言(定義其他語(yǔ)言的系統(tǒng)

)。

1996年,W3C（WorldWideWebConsortium，互聯(lián)網(wǎng)聯(lián)合組織）為了克服HTML的局限性,在SGML的基礎(chǔ)上創(chuàng)建XML。計(jì)算機(jī)產(chǎn)業(yè)界的需求：開發(fā)簡(jiǎn)單而又可擴(kuò)展的、結(jié)構(gòu)化和半結(jié)構(gòu)化信息文本表示機(jī)制。獨(dú)立于平臺(tái)的XML是為Web開發(fā)的,這是它最具影響的地方。

ItsgoalistoenablegenericSGMLtobeserved,received,andprocessedontheWebinthewaythatisnowpossiblewithHTML.XMLhasbeendesignedforeaseofimplementationandforinteroperabilitywithbothSGMLandHTML.-------(XML)1.1W3CRecommendationHTML的局限性可擴(kuò)展性差HTML的標(biāo)記集是固定的，是不可擴(kuò)展的。

缺乏對(duì)信息含義的描述能力，信息檢索效率低HTML是針對(duì)人機(jī)交互而設(shè)計(jì)的，標(biāo)記幾乎全都是用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的布局和外觀的。檢索信息需要對(duì)全部頁(yè)面的所有內(nèi)容掃描，并且檢索質(zhì)量往往很差。與應(yīng)用程序的數(shù)據(jù)自動(dòng)交換受限制服務(wù)器端在HTML中嵌入動(dòng)態(tài)數(shù)據(jù)是非常困難的?？蛻舳藨?yīng)用程序也很難自動(dòng)從HTML中獲取所需的數(shù)據(jù)。HTML的局限性描述能力有限HTML語(yǔ)言不能描述矢量圖形、數(shù)學(xué)公式、化學(xué)符號(hào)等特殊對(duì)象。鏈接功能有限鏈路丟失后不能自動(dòng)糾正

HTML不能維持文檔間的任何歷史和關(guān)系，因此如果頁(yè)面的URL地址變化了，瀏覽這些頁(yè)面時(shí)就會(huì)遇到404URL地址未找到的信息。鏈接方式是純單向的雖然鏈接文檔知道它要鏈接到的地法，但被鏈接的文檔卻無(wú)法知道它是從何處被鏈接的，而這一點(diǎn)對(duì)于開發(fā)者往往是很重要的信息。

一個(gè)XML樣本文檔標(biāo)記是左尖括號(hào)（<）和右尖括號(hào)（>）之間的文本。有開始標(biāo)記（例如<name>）和結(jié)束標(biāo)記（例如</name>）

元素是開始標(biāo)記、結(jié)束標(biāo)記以及位于二者之間的所有內(nèi)容。在上面的樣本中，<name>元素包含三個(gè)子元素：<title>、<first-name>和<last-name>。

屬性是一個(gè)元素的開始標(biāo)記中的名稱-值對(duì)，屬性間用空白符號(hào)隔開。在該示例中，province是<hometown>元素的屬性；<person><name><title>Teacher</title><first-name>kaiyu</first-name><last-name>dai</last-name></name><email>wenuanhapyy@</email><hometownprovince="Hunan">Xiangtan</hometown></person>ViewinbrowserDTD聲明DTD聲明規(guī)則DTD可以分為內(nèi)部子集與外部子集，而每個(gè)子集又是由零條到多條基本DTD聲明構(gòu)成的。語(yǔ)法:<!keywordparam1param2…paramN>基本的四個(gè)關(guān)鍵字為:ELEMENT 用于聲明元素與子元素ATTLIST 用于聲明屬性與默認(rèn)值ENTITY 用于聲明各種實(shí)體NOTATION

用于描述非XML內(nèi)容DTD聲明-ELEMENT 元素聲明語(yǔ)法:<!ELEMENTnamecontent_category> 或者 <!ELEMENTname(content_model)cardinality>沒(méi)有integer,floatingpoint,date,或者其他數(shù)據(jù)類型定義。元素的聲明次序是沒(méi)有關(guān)系的。<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEDOCUMENT[<!ELEMENTfiles

EMPTY><!ELEMENTDOCUMENT(files)>]>

<DOCUMENT>

<files></files>

</DOCUMENT>文檔類型聲明-內(nèi)部DTDXML聲明文擋類型聲明DTD聲明<?xmlversion=“1.0”standalone=“yes”?><!DOCTYPEGREETING[

<!ELEMENTGREETING(#PCDATA)>]><GREETING>HelloXML!</GREETING>文檔類型聲明(DocumentTypeDeclaration)將XML文檔與DTD關(guān)聯(lián)起來(lái)。內(nèi)部DTD可以直接包含在使用該DTD的文檔內(nèi)。示例：文檔類型聲明外部DTD語(yǔ)法:doc_elem:XML文檔的根元素私有

DTDs使用SYSTEM

關(guān)鍵字公用

DTDs使用PUBLIC關(guān)鍵字示例：spring框架的一個(gè)Bean聲明文件中的外部DTD聲明<!DOCTYPEdoc_elem[SYSTEM|PUBLIC][identifier][location][internalsubset]><!DOCTYPEroot_element_nameSYSTEM“DTD_URL”><!DOCTYPEroot_element_namePUBLICFPIURL><!DOCTYPEbeansPUBLIC"-//SPRING//DTDBEAN//EN""/dtd/spring-beans.dtd">DTD簡(jiǎn)介-外部DTD示例greeting.xml:greeting.dtd:<!ELEMENTGREETING(#PCDATA)>有效的文檔<GREETING>variousrandomtextbutnomarkup</GREETING>無(wú)效的文檔<GREETING><sometag>randomtext</sometag> <someEmptyTag/></GREETING><?xmlversion="1.0"?><GREETING> HelloXML!</GREETING>Schema簡(jiǎn)介Schema簡(jiǎn)介XMLSchema同DTD一樣是負(fù)責(zé)定義和描述XML文檔的結(jié)構(gòu)和內(nèi)容模式。它是W3C的推薦標(biāo)準(zhǔn)?？梢远xXML文檔中元素和元素之間的關(guān)系，并且可以定義元素和屬性的數(shù)據(jù)類型。XMLSchema本身是一個(gè)XML文檔，它符合XML語(yǔ)法結(jié)構(gòu)?？梢杂猛ㄓ玫腦ML解析器解析它它使用XML名稱空間而不是DOCTYPE。模式文檔和實(shí)例文檔模式文檔模式文檔只是一個(gè)XML文檔，它用預(yù)定義的元素和屬性描述另一個(gè)XML文檔的結(jié)構(gòu)。模式文檔由一個(gè)schema元素和一系列子元素組成，大多數(shù)子元素為element,complexType,和simpleType，這些決定了在實(shí)例文檔中的元素的表現(xiàn)方式和內(nèi)容。通過(guò)出現(xiàn)在schema元素中的命名空間聲明xmlns:xsd=“/2001/XMLSchema”，在模式文檔中的每一個(gè)元素都有一個(gè)與XMLSchema命名空間相聯(lián)系的命名空間前綴“xsd:”。前綴“xsd:”被約定用于表示XMLSchema命名空間。模式文檔和實(shí)例文檔模式文檔示例模式文檔和實(shí)例文檔實(shí)例文檔示例模式文檔元素定義元素定義在一個(gè)模式文檔中定義元素就是給這個(gè)元素命名并給它分配一個(gè)類型，類型可以分為復(fù)合類型和簡(jiǎn)單類型。復(fù)合類型:元素如果包含子元素或者是帶有屬性則被稱為復(fù)合類型。簡(jiǎn)單類型:元素如果僅僅包含數(shù)字、字符串或者其他數(shù)據(jù)等，但不包含任何子元素則稱為簡(jiǎn)單類型。屬性值通常是簡(jiǎn)單類型，因?yàn)閷傩灾挡荒馨魏谓Y(jié)構(gòu)在實(shí)例文檔中復(fù)合類型（通過(guò)<xsd:complexType>）和一些簡(jiǎn)單類型(通過(guò)<xsd:simpleType>)在模式文檔中定義。而其他一些標(biāo)準(zhǔn)的簡(jiǎn)單類型則是作為XMLSchema內(nèi)置的簡(jiǎn)單類型定義的。模式文檔元素定義-內(nèi)建簡(jiǎn)單類型內(nèi)建簡(jiǎn)單類型W3CXMLSchema建議書中包括了42種簡(jiǎn)單類型的定義，其中包括string、int、date、decimal、boolean、timeDuration

和uriReference等。為了在XMLSchema和XML1.0DTD之間保持兼容，簡(jiǎn)單類型ID、IDREF、IDREFS、ENTITY、ENTITIES、NOTATION、NMTOKEN、NMTOKENS只能用在屬性定義中。使用模式內(nèi)建的這些類型時(shí)，必須在前面加上W3C模式前綴，通常是“xsd:”<xsd:elementname="subdate"type="xsd:date"/><xsd:elementname="donor"type="xsd:string"/><xsd:elementname="subject"type="xsd:string"/><xsd:elementname="description"type="xsd:string"/><xsd:elementname="place"type="xsd:string"/>模式文檔元素定義-創(chuàng)建新的簡(jiǎn)單類型使用層面（facets）創(chuàng)建簡(jiǎn)單類型使用層面可以對(duì)簡(jiǎn)單類型存儲(chǔ)的數(shù)據(jù)加以限制幾個(gè)常用的層面：minInclusive,maxInclusive限定下限值和上限值enumeration允許建立一個(gè)值列表pattern指定一個(gè)正規(guī)表達(dá)式，要求文本符合該格式<xsd:simpleTypename=“idNumber”base=“xsd:integer”>

<xsd:patternvalue="\d{3}-\d{4}-\d{3}"/>

</xsd:simpleType>可以取“123-4567-890”模式文檔元素定義-創(chuàng)建新的簡(jiǎn)單類型使用層面（facets）創(chuàng)建簡(jiǎn)單類型標(biāo)準(zhǔn)定義格式name:自定義的數(shù)據(jù)類型的名字source:基礎(chǔ)的數(shù)據(jù)類型，如xsd:string等f(wàn)acet:層面，不同的數(shù)據(jù)類型有不同的層面，如字符串類型的層面有：模式（patten）;枚舉（enumeration）；長(zhǎng)度（length）；最小長(zhǎng)度（minLength）；最大長(zhǎng)度（maxLength）等。

<xsd:simpleTypename="nameStr">

<restrictionbase="source">

<facetvalue="value"/>

<facetvalue="value"/>

…</restriction>

</xsd:simpleType>模式文檔元素定義-創(chuàng)建新的簡(jiǎn)單類型使用層面（facets）創(chuàng)建簡(jiǎn)單類型示例：限定取值范圍<xsd:simpleTypename="idNumber">

<xsd:restrictionbase="xsd:integer">

<xsd:minInclusivevalue="1"/>

<xsd:maxInclusivevalue="100000"/>

</xsd:restriction></xsd:simpleType>把值限制在1到100000之間的整數(shù)使用base屬性聲明基于內(nèi)建的簡(jiǎn)單類型模式文檔元素定義-創(chuàng)建復(fù)雜類型復(fù)雜類型：復(fù)合類型定義本身通常包含元素聲明、對(duì)其他元素的引用和屬性聲明。使用<xsd:element>元素聲明元素，使用<xsd:attribute>元素聲明屬性。定義具有屬性的元素為了給元素添加屬性，必須把它轉(zhuǎn)化成complexType可以通過(guò)使用匿名的complexTypes作為element元素的子元素添加<xsd:elementname="media">

<xsd:complexType>

<xsd:attributename="mediaid"type="xsd:integer"/>

<xsd:attributename="status"type="mediaType"/>

</xsd:complexType>

</xsd:element>

media元素目前有兩個(gè)屬性，其中一個(gè)遵循枚舉的mediaType模式文檔元素定義-創(chuàng)建復(fù)雜類型復(fù)雜類型示例：sequence給指定元素添加具有順序的子元素<xsd:elementname=“students">

<xsd:complexType>

<xsd:sequence>

<xsd:elementname=“Zhangsan"type=“studentType"/> <xsd:elementname=“Lisi"type=“studentType"/><xsd:elementname=“Wangwu"type=“studentType"/>

</xsd:sequence>

</xsd:complexType>

</xsd:element>XSL簡(jiǎn)介問(wèn)題的提出:XML的重要特點(diǎn)：將數(shù)據(jù)和表達(dá)形式分離。在不同的應(yīng)用之間傳輸數(shù)據(jù)XML文件的可視化方式直接讓瀏覽器或者閱讀器支持CSS+腳本轉(zhuǎn)換為HTML:XPath+XSLT……提取XML文件中的內(nèi)容并轉(zhuǎn)換為其他類型或者格式的內(nèi)容程序?qū)崿F(xiàn):DOM,SAX…XSLT……XSL簡(jiǎn)介XSL簡(jiǎn)介XSL是可擴(kuò)展樣式語(yǔ)言(ExtensibleStylesheetLanguage)的簡(jiǎn)稱,XSLT在1999年11月16日被確立為W3C標(biāo)準(zhǔn).

Ref:/TR/xsltXSLT是一種用來(lái)轉(zhuǎn)換XML文檔結(jié)構(gòu)的語(yǔ)言,一個(gè)XSL文件本身就是一個(gè)XML文檔。該文檔的元素是一系列規(guī)則。XSL包含三部分:XSLT–轉(zhuǎn)換XML文檔XPath–瀏覽定位XML文檔XSL-FO–格式化XML文檔XSLT簡(jiǎn)介CSS的缺點(diǎn)不能重新排序文檔中的元素;不能判斷和控制哪個(gè)元素被顯示，哪個(gè)不被顯示不能統(tǒng)計(jì)計(jì)算元素中的數(shù)據(jù)XSLT的功能不僅僅是應(yīng)用樣式；當(dāng)使用XML處理器時(shí)，XML源文檔中的信息將被評(píng)價(jià)、重新安排和組裝，形成結(jié)果樹（ResultTree）。XSLT在XML文件中鏈接樣式表:

<?xml-stylesheettype="text/xsl"href="URI"?>type

屬性值描述了樣式表應(yīng)用的具體類型：“text/css”表示是一個(gè)CSS樣式表；“text/xsl”表示使用了一個(gè)XSl樣式表匹配節(jié)點(diǎn)以執(zhí)行模板href屬性值給出了樣式表的URI，相對(duì)URI是指相對(duì)于xml文檔的URIXSLT文件聲明<xsl:stylesheetversion="1.0"xmlns:xsl="/1999/XSL/Transform"><xsl:transformversion="1.0"xmlns:xsl="/1999/XSL/Transform">XSLT一個(gè)XSLT文件的基本結(jié)構(gòu)根元素<xsl:stylesheet>表明這是一個(gè)樣式表文件，其中xmlns:xsl屬性值提供了定義XSL名域的URI?？赵豿sl:output中的encoding屬性可用來(lái)指定輸出的HTML使用的編碼。用<xsl:templatematch="/">元素把一個(gè)模板包裹起來(lái)，其中match屬性值指明了該模板匹配的XML源文檔的根（根元素的上一級(jí)）<xsl:outputencoding="GB2312"/>XSLTXSLT的元素可以根據(jù)作用分為以下幾個(gè)大類:元素類型元素名稱元素類型元素名稱XSLT文檔結(jié)構(gòu)元素:stylesheettransformtemplate流程控制元素:ifchoosewhenotherwisefor-each輸出類型指定元素:outputpreserve-space,strip-space模塊化元素:apply-templatewith-paramsortcall-templateparamincludeimportvariable簡(jiǎn)單輸出元素: value-ofcopy,copy-ofattributecommentelementprocessing-instructiontext使用時(shí)記得在元素名前加xsl命名空間標(biāo)識(shí)符XSLTXSLT示例<xsl:for-eachselect="catalog/cd">

<tr>

<td><xsl:value-ofselect="title"/></td>

<xsl:choose>

<xsl:whentest="price>10">

<tdbgcolor="#ff00ff">

<xsl:value-ofselect="artist"/></td>

</xsl:when>

<xsl:whentest="price>9">

<tdbgcolor="#cccccc">

<xsl:value-ofselect="artist"/></td>

</xsl:when>

<xsl:otherwise>

<td><xsl:value-ofselect="artist"/></td>

</xsl:otherwise>

</xsl:choose>

</tr>

</xsl:for-each>

HTTP基礎(chǔ)HTTP協(xié)議HTTP代表HyperTextTransportProtocol（超文本傳輸協(xié)議）Web服務(wù)器和客戶端瀏覽器之間通過(guò)HTTP協(xié)議進(jìn)行通信HTTP的兩個(gè)重要功能傳輸文件實(shí)現(xiàn)動(dòng)態(tài)交互應(yīng)用

HTTP協(xié)議HTTP是一種以TCP/IP通信協(xié)議為基礎(chǔ)的應(yīng)用協(xié)議無(wú)狀態(tài)協(xié)議：與客戶端之前請(qǐng)求的信息不做記憶；Cookie機(jī)制瀏覽器Web服務(wù)器HTTP基礎(chǔ)TCP/IPHTTP物理層網(wǎng)絡(luò)接口層互聯(lián)網(wǎng)層傳輸層應(yīng)用層物理層網(wǎng)絡(luò)接口層互聯(lián)網(wǎng)層傳輸層應(yīng)用層HTTPTCPIP

HTTP基礎(chǔ)

HTTP/1.0和HTTP/1.1支持的方法：

HTTP基礎(chǔ)HTTP請(qǐng)求由三個(gè)部分構(gòu)成，分別是：請(qǐng)求方法URI協(xié)議/版本請(qǐng)求頭（RequestHeader）請(qǐng)求正文POST/sample.jspHTTP/1.1Accept:image/gif,image/jpeg,*/*Accept-Language:zh-cnConnection:Keep-AliveHost:localhostUser-Agent:Mozilla/5.0(WindowsNT10.0;Win64;x64)Accept-Encoding:gzip,deflate

userName=kaiyu&password=1234

HTTP基礎(chǔ)

和HTTP請(qǐng)求相似，也由三個(gè)部分構(gòu)成：協(xié)議狀態(tài)代碼描述響應(yīng)頭（ResponseHeader）響應(yīng)正文HTTP/1.1200OKServer:nginxDate:Sun,19Feb202308:13:41GMTContent-Type:text/htmlLast-Modified:Sun,19Feb202308:10:00GMTContent-Length:112

<html><head><title>HTTP響應(yīng)示例</title></head><body>HelloHTTP!</body></html>

HTTP基礎(chǔ)

主要響應(yīng)碼的含義：

HTTP安全

設(shè)置HTTP頭防止攻擊示例：防止跨站腳本攻擊（XSS）

HTTP安全

設(shè)置HTTP頭防止攻擊示例防止跨站腳本攻擊（XSS）配置內(nèi)容安全策略（CSP），通過(guò)發(fā)送一個(gè)CSP頭部，告訴瀏覽器執(zhí)行的授權(quán)范圍?？梢允褂肧trict-Transport-SecurityHTTP頭部確保連接它的瀏覽器只使用加密通道。配置好并啟用Content-Security-Policy后，不符合CSP的外部資源就會(huì)被阻止加載Content-Security-Policy:default-src'self'*.

HTTPSHTTPS是HTTP的安全版本：

使用TLS/SSL協(xié)議用于對(duì)HTTP協(xié)議傳輸?shù)臄?shù)據(jù)進(jìn)行加密。

HTTPSHTTPS是HTTP的安全版本：

通過(guò)信息加密，解決HTTP的竊聽(tīng)風(fēng)險(xiǎn)HTTPS采用的是對(duì)稱加密和非對(duì)稱加密結(jié)合的「混合加密」方式使用公鑰加密，服務(wù)器在用戶首次連接時(shí)以數(shù)字證書的形式提供公鑰。瀏覽器使用此公鑰加密消息，只有服務(wù)器可以解密。

HTTPSHTTPS是HTTP的安全版本：

通過(guò)校驗(yàn)機(jī)制，解決HTTP的篡改風(fēng)險(xiǎn)在發(fā)送內(nèi)容前，對(duì)傳輸?shù)膬?nèi)容進(jìn)行摘要算法（哈希函數(shù)）計(jì)算，得到一個(gè)唯一且無(wú)法推導(dǎo)的哈希值，即內(nèi)容的指紋。

HTTPSHTTPS是HTTP的安全版本：

通過(guò)身份證書，解決HTTP的冒充風(fēng)險(xiǎn)數(shù)字證書由瀏覽器信任的各種CA（CertificateAuthorities，證書頒發(fā)機(jī)構(gòu)）發(fā)布并進(jìn)行數(shù)字簽名。

從HTTP/0.9到HTTP/2、HTTP/3HTTP發(fā)展歷史SPDY谷歌研制的提升HTTP速度的協(xié)議，是HTTP/2的基礎(chǔ)。QUIC（QuickUDPInternetConnections）谷歌公司研制的結(jié)合TCP和UDP的一種UDP通信的改進(jìn)版，是HTTP/3的基礎(chǔ)。QUIC是用來(lái)