vx教程技術(shù)棧代碼及html5_第1頁
vx教程技術(shù)棧代碼及html5_第2頁
vx教程技術(shù)棧代碼及html5_第3頁
vx教程技術(shù)棧代碼及html5_第4頁
vx教程技術(shù)棧代碼及html5_第5頁
已閱讀5頁，還剩14頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

HTML5For20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司iBankingiTradingmobileiPay…...

萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。

廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。

20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司2HTML5簡介DOCTYPE及字符編碼大小寫都可以（統(tǒng)一規(guī)范都是用小寫）布爾值省略引號（統(tǒng)一使用雙引號）一些可以省略的標(biāo)簽（統(tǒng)一不省略）可以省略結(jié)束標(biāo)簽的元素：colgroup、dt、dd、li、optgroup、p、rt、rp、thread、tbody、tfoot、tr、td、th可以全部省略標(biāo)簽的元素：html、head、body、tbody

20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司3HTML5語法瀏覽器支持

現(xiàn)代的瀏覽器（Chrome、Firefox、Safari、MicrosoftEdge）都支持HTML5；20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司4IE瀏覽器問題<!--[ifltIE9]>

<scriptsrc=""></script>

<![endif]-->針對IE瀏覽器html5shiv是比較好的解決方案。html5shiv主要解決HTML5提出的新的元素不被IE6-8識別，這些新元素不能作為父節(jié)點包裹子元素，并且不能應(yīng)用CSS樣式。注意：html5shiv.js引用代碼必須放在<head>元素中，因為IE瀏覽器在解析HTML5新元素時需要先加載該文件。20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司5本地存儲HTML5

storage提供了一種方式讓網(wǎng)站能夠把信息存儲到你本地的計算機(jī)上，并再以后需要的時候進(jìn)行獲取。這個概念和cookie相似，區(qū)別是它是為了更大容量存儲設(shè)計的。20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司6Html5新元素20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司7Html5新特性音頻（radio）視頻(vadio)畫布(canvasecharts)地理定位Webstorage表單20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司8Web存儲HTML5

storage提供了一種方式讓網(wǎng)站能夠把信息存儲到你本地的計算機(jī)上，并再以后需要的時候進(jìn)行獲取。這個概念和cookie相似，區(qū)別是它是為了更大容量存儲設(shè)計的。InternetExplorer9+,Firefox,Opera,Chrome,和Safari支持Web存儲。20九月2023北京科藍(lán)軟件系統(tǒng)有限公司9cookiecookie是是目前前端市場上最常用的本地存儲方式，它兼容所有的瀏覽器存儲的大小有限制：一般瀏覽器規(guī)定同源下最多只能存儲4KB大小cookie有過期時間，時間我們可以自己來設(shè)置，一般不超過一個月cookie不穩(wěn)定，因為我們可以使用安全衛(wèi)士或者瀏覽器的垃圾清理功能把coookie移除掉用戶可以根據(jù)自己的需求，開啟無痕瀏覽或者隱身模式，這樣cookie就不能進(jìn)行存儲了cookie不是嚴(yán)格意義上的本地存儲，它和服務(wù)器之間是有關(guān)聯(lián)的20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司10localStoragesessionStorage20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司11Web存儲localStorage它是H5中提供的本地存儲方式，不兼容IE6-7瀏覽器，我們一般在移動端使用居多，PC端不需要考慮兼容的情況下也可以使用存儲也有大小的限制，一般瀏覽器規(guī)定同源下最多存儲5MB內(nèi)容沒有過期時間，只要我們不手動清除，永久存儲到本地localStorage相對于cookie穩(wěn)定一些，不會被安全衛(wèi)士或者瀏覽器自帶的垃圾清理功能清除掉localStorage不受無痕瀏覽或者隱身模式的影響localStorage是嚴(yán)格的本地存儲，和服務(wù)器之間沒有半毛錢的關(guān)系20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司12sessionStorage它是H5中提供的本地存儲方式，一般在移動端使用居多，PC端不需要考慮兼容的情況下也可以使用存儲也有大小的限制，一般瀏覽器規(guī)定同源下最多存儲5MB內(nèi)容保存的數(shù)據(jù)用于瀏覽器的一次會話，當(dāng)會話結(jié)束（通常是該窗口關(guān)閉），數(shù)據(jù)被清空20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司13Web存儲的操作北京科藍(lán)軟件系統(tǒng)股份有限公司141、存入/讀取數(shù)據(jù)sessionStorage.setItem('key','value');localStorage.setItem('key','value');varvalueSession=sessionStorage.getItem('key');varvalueLocal=localStorage.getItem('key');2、清除數(shù)據(jù)1）removeItem方法用于清除某個鍵名對應(yīng)的數(shù)據(jù)sessionStorage.removeItem('key');localStorage.removeItem('key');2）clear方法用于清除所有保存的數(shù)據(jù)sessionStorage.clear();localStorage.clear();3、利用length屬性和key方法，可以遍歷所有的鍵。for(vari=0;i<localStorage.length;i++){console.log(localStorage.key(i));}20九月2023HTML5表單html5輸入類型html5表單屬性20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司15html5輸入類型emailnumberDatepickers(date,month,week,time,datetime,datetime-local)urlrangesearchcolor20九月2023北京科藍(lán)軟件系統(tǒng)股份有限公司16html5表單屬性multiplepa

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論