HTML5新特性
表單屬性:
placehoder 屬性,簡短的提示在使用者輸入值前會顯示在輸入域上。即我們常見的輸入框預設提示,在使用者輸入後消失。
required 屬性,是一個 boolean 屬性。要求填寫的輸入域不能為空 pattern 屬性,描述了一個正則表示式用於驗證<input> 元素的值。
min 和 max 屬性,設定元素最小值與最大值。
step 屬性,為輸入域規定合法的數字間隔。
height 和 width 屬性,用於 image 型別的 <input> 標籤的影象高度和寬度。
autofocus 屬性,是一個 boolean 屬性。規定在頁面載入時,域自動地獲得焦點。 multiple 屬性 ,是一個 boolean 屬性。規定<input> 元素中可選擇多個值。
新視訊播放:
HTML5 規定了一種通過 video 元素來包含視訊的標準方法。 control 提供了 播放、暫停和音量控制元件來控制視訊。也可以使用dom操作來控制視訊的播放暫停,如 play() 和 pause() 方法。 同時 video 元素也提供了 width 和 height 屬性控制視訊的尺寸.如果設定的高度和寬度,所需的視訊空間會在頁面載入時保留。如果沒有設定這些屬性,瀏覽器不知道大小的視訊,瀏覽器就不能再載入時保留特定的空間,頁面就會根據原始視訊的大小而改變。 標籤之間插入的內容是提供給不支援 video 元素的瀏覽器顯示的。 video 元素支援多個source 元素. 元素可以連結不同的視訊檔案。瀏覽器將使用第一個可識別的格式( MP4, WebM, 和 Ogg)
本地儲存:
使用HTML5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是cookies。但是Web 儲存需要更加的安全與快速. 這些資料不會被儲存在伺服器上,但是這些資料只用於使用者請求網站資料上.它也可以儲存大量的資料,而不影響網站的效能。資料以鍵/值對存在, web網頁的資料只允許該網頁訪問使用。 客戶端儲存資料的兩個物件為: localStorage - 沒有時間限制的資料儲存 sessionStorage - 針對一個 session 的資料儲存, 當用戶關閉瀏覽器視窗後,資料會被刪除。