HTML5的新特性

時間 2019-11-22

標籤 html5 html 特性欄目 HTML5 简体版

原文原文鏈接

1.爲 HTML5 創建的一些規則：新特性應該基於 HTML、CSS、DOM 以及 JavaScript。下降對外部插件的需求（比方 Flash）更優秀的錯誤處理不少其它代替腳本的標記 HTML5 應該獨立於設備開發進程應對公衆透明 2.HTML5 中的一些有趣的新特性：用於繪畫的 canvas 元素用於媒介回放的 video 和 audio 元素對本地離線存儲的更好的支持新的特殊內容元素。比方 article、footer、header、nav、section 新的表單控件，比方 calendar、date、time、email、url、search 3.HTML5 <video> - 使用 DOM 進行控制 4.HTML5規定了一種經過audio元素來包括音頻的標準方法。

audio元素能夠播放聲音文件或者音頻流。 5. 拖放（Drag 和 drop）: ondragstart,setData(),ondragover,ondrop 6.canvas元素用於在網頁上繪製圖形,擁有多種繪製路徑、矩形、圓形、字符以及加入圖像的方法：線條、圓形、漸變、圖像 7.HTML5 支持內聯 SVG。什麼是SVG？ SVG 指可伸縮矢量圖形 (Scalable Vector Graphics) SVG 用於定義用於網絡的基於矢量的圖形 SVG 使用 XML 格式定義圖形 SVG 圖像在放大或改變尺寸的狀況下其圖形質量不會有損失 SVG 是萬維網聯盟的標準與其它圖像格式相比（比方 JPEG 和 GIF），使用 SVG 的優點在於： SVG 圖像可經過文本編輯器來建立和改動 SVG 圖像可被搜索、索引、腳本化或壓縮 SVG 是可伸縮的 SVG 圖像可在不論什麼的分辨率下被高質量地打印 SVG 可在圖像質量不降低的狀況下被放大 8.下表列出了 canvas 與 SVG 之間的一些不一樣之處。html

Canvas 依賴分辨率不支持事件處理器弱的文本渲染能力能夠以 .png 或 .jpg 格式保存結果圖像最適合圖像密集型的遊戲。當中的不少對象會被頻繁重繪 SVG 不依賴分辨率支持事件處理器最適合帶有大型渲染區域的應用程序（比方谷歌地圖）複雜度高會減慢渲染速度（不論什麼過分使用 DOM 的應用都不快）不適合遊戲應用 9.HTML5 提供了兩種在client存儲數據的新方法： localStorage - 沒有時間限制的數據存儲 sessionStorage - 針對一個 session 的數據存儲以前，這些都是由 cookie 完畢的。web

但是cookie不適合大量數據的存儲，因爲它們由每個對server的請求來傳遞。這使得 cookie 速度很是慢而且效率也不高。 10.HTML5引入了應用程序緩存，這意味着web應用可進行緩存，並可在沒有因特網鏈接時進行訪問。應用程序緩存爲應用帶來三個優點：離線瀏覽 - 用戶可在應用離線時使用它們速度 - 已緩存資源載入得更快下降server負載 - 瀏覽器將僅僅從server下載更新過或更改過的資源如需啓用應用程序緩存，請在文檔的<html>標籤中包括manifest屬性 manifest文件需要配置正確的 MIME-type。即"text/cache-manifest"。必須在 web server上進行配置 11.當在 HTML 頁面中運行腳本時，頁面的狀態是不可響應的，直到腳本已完畢。 web worker 是執行在後臺的 JavaScript，獨立於其它腳本，不會影響頁面的性能。您可以繼續作不論什麼願意作的事情：點擊、選取內容等等，而此時 web worker 在後臺執行。 12.HTML5 server發送事件（server-sent event）贊成網頁得到來自server的更新 Server-Sent 事件 - 單向消息傳遞 Server-Sent 事件指的是網頁本身主動獲取來自server的更新。 13.HTML5 擁有多個新的表單輸入類型。這些新特性提供了更好的輸入控制和驗證。 * email * url * number * range * Date pickers (date, month, week, time, datetime, datetime-local) * search * color 14.HTML5 的新的表單元素 datalist：元素規定輸入域的選項列表 keygen：提供一種驗證用戶的可靠方法 output: 用於不一樣類型的輸出，比方計算或腳本輸出 15.HTML5 的新的表單屬性新的 form 屬性： * autocomplete * novalidate 新的 input 屬性： * autocomplete * autofocus * form * form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) * height 和 width * list * min, max 和 step * multiple * pattern (regexp) * placeholder * requiredcanvas

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。