資源描述：
《HTML5新特性在前端開發(fā)中的應(yīng)用.docx》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、HTML5新特性在前端開發(fā)中的應(yīng)用我們都知道HTML5又出了一些新功能，這些新功能，讓其有著一定的優(yōu)勢，比如擺脫對平臺(tái)的依賴、實(shí)時(shí)更新、跨平臺(tái)、離線使用等等，那具體的HTML5新特性在前端開發(fā)中是如何應(yīng)用的呢？我們一起來看下吧。1、讓W(xué)eb再次回歸到富客戶端地步，而且更加的獨(dú)立，減少了對第三方插件的依賴。比如：之前的HTML4的標(biāo)準(zhǔn)中并沒有對于視頻、音頻以及其他的富客戶端技術(shù)支持的非常好，這就使得Flash和SilverLight變得異常的成功。而在HTML5新標(biāo)準(zhǔn)中原生的就支持音頻、視頻、畫布等技術(shù)。讓我們的WEB程序擁有更多富客戶端表
2、現(xiàn)的方式，而且讓我們的WEB程序更加獨(dú)立，更好的適應(yīng)多種形式的客戶端。2、對本地離線存儲(chǔ)的更好的支持由于之前想在客戶端保存一些數(shù)據(jù)都是由cookie完成的。但是cookie不適合大量數(shù)據(jù)的存儲(chǔ)，因?yàn)樗鼈冇擅總€(gè)對服務(wù)器的請求來傳遞，這使得cookie速度很慢而且效率也不高。HTML5提供了兩種在客戶端存儲(chǔ)數(shù)據(jù)的新方法：localStorage-沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ)sessionStorage-針對一個(gè)session的數(shù)據(jù)存儲(chǔ)在HTML5中，數(shù)據(jù)不是由每個(gè)服務(wù)器請求傳遞的，而是只有在請求時(shí)使用數(shù)據(jù)。它使在不影響網(wǎng)站性能的情況下存儲(chǔ)大量數(shù)據(jù)成
3、為可能。對于不同的網(wǎng)站，數(shù)據(jù)存儲(chǔ)于不同的區(qū)域，并且一個(gè)網(wǎng)站只能訪問其自身的數(shù)據(jù)。HTML5使用Java來存儲(chǔ)和訪問數(shù)據(jù)。有了本地?cái)?shù)據(jù)庫的支持，讓一些簡單的離線應(yīng)用也成為了可能。3、新的特殊內(nèi)容元素，更好的支持SEO以及方便視障人士使用現(xiàn)在所有的站點(diǎn)基本上都是Div+CSS布局，幾乎所有的文章標(biāo)題、內(nèi)容、輔助介紹等都用Div容器來承載。搜索引擎在抓取頁面內(nèi)容時(shí)，因?yàn)闆]有明確的容器的含義只能去猜測這些標(biāo)簽容器承載的是文章標(biāo)題還是文章內(nèi)容等，HTML5新標(biāo)準(zhǔn)中直接添加了擁有具體含義的HTML標(biāo)簽比如：article、footer、header、
4、nav、section4、更加智能的表單標(biāo)簽之前的表單標(biāo)簽，僅僅是簡單的類型的約束，比如文本框、文本域、下拉列表等，而跟業(yè)務(wù)結(jié)合緊密的表單標(biāo)簽數(shù)據(jù)校驗(yàn)等控制都沒有很好的支持，而是用這些技術(shù)都基本上都是跟第三方的JS控件進(jìn)行結(jié)合使用，但是這些第三方總會(huì)涉及到版本控制、瀏覽器兼容性、非標(biāo)準(zhǔn)等一系列的問題，而在HTML5的標(biāo)準(zhǔn)中直接添加了智能表單，讓這一切都變得那么的簡單，比如calendar、date、time、email、url、search。5、HTML5即時(shí)二維繪圖,也就是畫布的引入，讓Java子彈飛畫布的引入使得：Web端生成動(dòng)畫效果
5、、制作Web游戲、更好的交互體驗(yàn)設(shè)計(jì)都增加了無限的變數(shù)，當(dāng)社區(qū)充斥著亂七八糟超炫的HTML5的JS控制的效果的時(shí)候，讓人無限的贊嘆。HTML5的canvas元素使用Java在網(wǎng)頁上繪制圖像。畫布是一個(gè)矩形區(qū)域，您可以控制其每一像素。canvas擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。6、JS嗑藥了，支持多線程在不影響UIupdate及瀏覽器與用戶交互的情況下,前端做大規(guī)模運(yùn)算，只能通過setTimeout之類的去模擬多線程。而新的標(biāo)準(zhǔn)中，JS新增的HTML5WebWorker對象原生的就支持多線程。7、WebSockets讓
6、跨域請求、長連接、數(shù)據(jù)推送等一切都變得那么簡單，Web不僅僅是AjaxWebSockets是在一個(gè)(TCP)接口進(jìn)行雙向通信的技術(shù)，PUSH技術(shù)類型。WebSocket是html5規(guī)范新引入的功能，用于解決瀏覽器與后臺(tái)服務(wù)器雙向通訊的問題，使用WebSocket技術(shù)，后臺(tái)可以隨時(shí)向前端推送消息，以保證前后臺(tái)狀態(tài)統(tǒng)一，在傳統(tǒng)的無狀態(tài)HTTP協(xié)議中，這是“無法做到”的。另外談到HTML5新特性在前端開發(fā)中是如何應(yīng)用的問題，其實(shí)HTML5更重要的一點(diǎn)就是能更好的異常處理，HTML5(text/html)瀏覽器將在錯(cuò)誤語法的處理上更加靈活。HTM
7、L5在設(shè)計(jì)時(shí)保證舊的瀏覽器能夠安全地忽略掉新的HTML5代碼。與HTML4.01相比，HTML5給出了解析的完整規(guī)則，讓不同的瀏覽器即使在發(fā)生語法錯(cuò)誤時(shí)也能返回完全相同的結(jié)果。還有一點(diǎn)就是：文件API讓文件上傳和操縱文件變得簡單；由于項(xiàng)目中經(jīng)常遇到用Web應(yīng)用中控制操作本地文件，而之前都是使用一些富客戶端技術(shù)比如flash，ActiveX，Silverlight等技術(shù)，面對文件JS就是個(gè)shit，就是個(gè)雞肋。在HTML5的新的提供的FHTML5FileAPI讓JS可以輕松上陣了。通過上述對HTML5新特性在前端開發(fā)中是如何應(yīng)用的介紹，相信
8、大家對HTML5有了更深入的了解，當(dāng)然除了上述這些，HMTL5的新性能還有很多，比如編輯、拖放、微數(shù)據(jù)、瀏覽歷史管理、地理信息接口API、設(shè)備硬件操作API等資料由AAA教育整理
