WEB新技術：HTML5介紹.pptx

,簡化的聲明,HTML5, Title of the document The content of the document ,HTML4有三種聲明：Strict、Transitional 以及 Frameset, ,更加語義化的結構,新增的主體結構元素 article - 獨立的內容 section -文檔中的節(jié)。是段落 nav - 導航鏈接的部分 aside - 其所處內容之外的內容?？捎米鱾葯?time 表面日期或時間 pubdate屬性 -指示 元素中的日期/時間是文檔的發(fā)布日期 新增的非主體結構元素 header - 文檔的頁眉（介紹信息） hgroup -對網頁或區(qū)段（section）的標題進行組合 footer -文檔的頁腳 address - 文檔作者或擁有者的聯(lián)系信息,更加語義化的結構,HTML4,HTML5,更加語義化的結構, 網頁的標題 頁頭 文章一級標題 文章二級標題 文章內容 ,Form 2.0,新表單,表單元素,datalist - 規(guī)定輸入域的選項列表 keygen - 提供一種驗證用戶的可靠方法 output - 用于不同類型的輸出，比如計算或腳本輸出,新的 form 屬性,autocomplete 自動完成 novalidate 無需驗證,新input type,email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color tel,新的 input 屬性,autocomplete 自動完成 autofocus 自動獲得焦點 form 加入到某form中 form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) 重寫表單屬性 height 和 width list 關聯(lián)datalist來限定輸入值 min, max 和 step 用在中 multiple - 規(guī)定輸入域中可選擇多個值 pattern (regexp) - 用于驗證 input 域的模式（pattern） placeholder - 提示（hint），描述輸入域所期待的值 required - 規(guī)定必須在提交之前填寫輸入域（不能為空）,文件API,FileList: Blob File FileReader URI scheme,html5的拖拽API,被拖拽元素上的事件：dragstart、 dragend 目標元素上的事件：dragenter、 dragover、 dragleave、 drop 元素屬性 draggable=“true” event.dataTransfer對象,畫圖,畫圖形 畫圖片 設置風格和顏色 變形 組合 動畫 WebGL,和,多媒體元素,屬性,src：視頻的URL poster：視頻封面，沒有播放時顯示的圖片 preload：預加載 autoplay：自動播放 loop：循環(huán)播放 controls：瀏覽器自帶的控制條 width：視頻寬度 height：視頻高度,屬性,src：音樂的URL preload：預加載 autoplay：自動播放 loop：循環(huán)播放 controls：瀏覽器自帶的控制條,本地存儲,DOM Storage sessionStorage localStorage Web SQL Database,離線應用程序,Server 端設置 AddType text/cache-manifest appcache cache manifest文件 更新緩存 自動更新 手動更新: window.applicationCache.update(),WebSocket,new WebSocket(ws:/domain/path); send(msg) onmessage, onerror, onopen, onclose Server：jetty7/8, jWebsocket,web workers后臺線程,可以做什么： 可以加載一個JS進行大量的復雜計算而不掛起主進程，并通過postMessage，onmessage進行通信 可以在worker中通過importScripts(url)加載另外的腳本文件 可以使用 setTimeout(), clearTimeout(), setInterval(), and clearInterval() 可以使用XMLHttpRequest來發(fā)送請求 可以訪問navigator的部分屬性 有那些局限性： 不能跨域加載JS worker內代碼不能訪問DOM 各個瀏覽器對Worker的實現(xiàn)不大一致，例如FF里允許worker中創(chuàng)建新的worker,而Chrome中就不行 不是每個瀏覽器都支持這個新特性 目前效率很低,地理位置信息,navigator.geolocation latitude: 緯度 longitude: 精度 accuracy: 精確度，單位米 altitude: 高度，單位米 altitudeAccuracy: 高度的精確地，單位米 heading運動的