移動(dòng)交接項(xiàng)目操作html5簡(jiǎn)介

HTML5簡(jiǎn)介---一般屬性簡(jiǎn)介1.HTML5簡(jiǎn)介HTML的上一個(gè)版本誕生于1999年，是W3C與WHATWG合作的結(jié)果，并為其定義了一些新規(guī)則：

新特性應(yīng)該基于HTML、CSS、DOM以及JavaScript。減少對(duì)外部插件的需求（比如Flash）更優(yōu)秀的錯(cuò)誤處理更多取代腳本的標(biāo)記HTML5應(yīng)該獨(dú)立于設(shè)備開(kāi)發(fā)進(jìn)程應(yīng)對(duì)公眾透明同時(shí)也具有一些新的特征：

用于繪畫(huà)的canvas元素用于媒介回放的video和audio元素對(duì)本地離線(xiàn)存儲(chǔ)的更好的支持新的特殊內(nèi)容元素，比如article、footer、header、nav、section新的表單控件，比如calendar、date、time、email、url、search2.HTML5支持音頻到現(xiàn)在仍然沒(méi)有一項(xiàng)旨在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn)，大部分播放音頻都是通過(guò)插件來(lái)實(shí)現(xiàn)，而HTML5通過(guò)元素<audio></audio>來(lái)播放聲音文件或音頻流，其主要支持三種音頻格式：OggVorbisMP3Wav其屬性control屬性供添加播放、暫停和音量控件。3.HTML5支持視頻在HTML5中提供了一種元素用于對(duì)視頻的支持，即<video></video>,它主要支持三種視頻格式：OggMPEG4WebM其屬性control提供添加播放，暫停和音量調(diào)控的功能。4.HTML5支持拖放功能

拖放（Drap和drop）是HTML5的標(biāo)準(zhǔn)組成部分。拖放，即：將頁(yè)面上的對(duì)象抓取以后，拖放到另一個(gè)位置。在頁(yè)面上的任意元素都能夠進(jìn)行拖放。拖放可分為以下部分：draggable：設(shè)置拖放元素ondragstart：調(diào)用函數(shù)drag（event）規(guī)定被拖動(dòng)元素；setData（）設(shè)置被拖數(shù)據(jù)的數(shù)據(jù)類(lèi)型和值ondrapover：事件規(guī)定在何處放置被拖動(dòng)的數(shù)據(jù)drop：放置被拖數(shù)據(jù)時(shí)調(diào)用5.HTML5支持畫(huà)布功能

畫(huà)布功能是HTML5所支持的功能的一種，通過(guò)元素<Canvas></Canvas>進(jìn)行繪制;畫(huà)布是一個(gè)矩形區(qū)域。在這個(gè)區(qū)域中，用戶(hù)可以控制任意每個(gè)像素，同時(shí)，Canvas提供了多種的繪畫(huà)方法，如：繪制路徑、矩形、圓形、字符以及添加圖像等。6.HTML5支持SVGSVG簡(jiǎn)介：可伸縮矢量圖形（ScalableVectorGraphics），主要用于定義用于網(wǎng)絡(luò)的基于矢量的圖形，使用XML格式定義圖形，圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會(huì)有損失。SVG優(yōu)勢(shì)：

SVG圖像可通過(guò)文本編輯器來(lái)創(chuàng)建和修改SVG圖像可被搜索、索引、腳本化或壓縮SVG是可伸縮的SVG圖像可在任何的分辨率下被高質(zhì)量地打印SVG可在圖像質(zhì)量不下降的情況下被放大7.HTML5支持地理定位

HTML5提供了定位地理位置的方法。GeolocationAPI能夠獲取用戶(hù)的地理位置，但是由于該特性可能侵犯用戶(hù)的隱私，除非用戶(hù)同意，否則用戶(hù)位置信息是不可用的。Geolocation提供的方法，如下：getCurrentPosition():獲取用戶(hù)的位置，并處理錯(cuò)誤。watchPosition()：返回用戶(hù)的當(dāng)前位置，并繼續(xù)返回用戶(hù)移動(dòng)時(shí)的更新位置（就像汽車(chē)上的GPS）。clearWatch()：停止watchPosition()方法8.HTML5支持web存儲(chǔ)之前的客戶(hù)端存儲(chǔ)數(shù)據(jù)都是有cookie完成，但是不適合存儲(chǔ)大量數(shù)據(jù)。而在HTML5中數(shù)據(jù)不是由每個(gè)服務(wù)器請(qǐng)求傳遞的，而是只有在請(qǐng)求時(shí)使用數(shù)據(jù)。它使在不影響網(wǎng)站性能的情況下存儲(chǔ)大量數(shù)據(jù)成為可能。因此提供了兩種存儲(chǔ)方法：localStorage：沒(méi)有時(shí)間限制的數(shù)據(jù)存儲(chǔ)sessionStorage：針對(duì)一個(gè)session的數(shù)據(jù)存儲(chǔ)localStorage：存儲(chǔ)的數(shù)據(jù)沒(méi)有時(shí)間限定，隨時(shí)可以進(jìn)行讀取。sessionStorage：針對(duì)的是session進(jìn)行數(shù)據(jù)存儲(chǔ)，但用戶(hù)關(guān)閉web時(shí)，數(shù)據(jù)就會(huì)被刪除9.HTML5支持應(yīng)用緩存HTML5引用了應(yīng)用緩存，使得web應(yīng)用可進(jìn)行緩存，并可在沒(méi)有因特網(wǎng)連接時(shí)進(jìn)行訪(fǎng)問(wèn)，其主要有以下三大優(yōu)勢(shì)：10.HTML5支持webworkers離線(xiàn)瀏覽-用戶(hù)可在應(yīng)用離線(xiàn)時(shí)使用它們速度-已緩存資源加載得更快減少服務(wù)器負(fù)載-瀏覽器將只從服務(wù)器下載更新過(guò)或更改過(guò)的資源。在頁(yè)面中，只有指定了manifest或者在manifest文件中直接指定了該頁(yè)面才會(huì)被緩存，Manifest文件需要進(jìn)行配置，主要包含以下三個(gè)部分：CACHEMANIFEST：在此標(biāo)題下列出的文件將在首次下載后進(jìn)行緩存NETWORK：在此標(biāo)題下列出的文件需要與服務(wù)器的連接，且不會(huì)被緩存FALLBACK：在此標(biāo)題下列出的文件規(guī)定當(dāng)頁(yè)面無(wú)法訪(fǎng)問(wèn)時(shí)的回退頁(yè)面11.HTML5支持服務(wù)器發(fā)送事件webworkers是運(yùn)行在后臺(tái)的javascript，獨(dú)立于其他腳本，不影響頁(yè)面的性能。在webworkers中主要有以下方法：postMessage():用于向網(wǎng)頁(yè)傳回一段消息。event.data：用于存儲(chǔ)來(lái)自event.data的數(shù)據(jù)。terminate()：終止webworker，并釋放瀏覽器/計(jì)算機(jī)資源HTML5服務(wù)器發(fā)送事件（server-sentevent）允許網(wǎng)頁(yè)獲得來(lái)自服務(wù)器的更新。server-sent