【注意】這些新特性都有相容性的問題,基本是ie9+以上版本的瀏覽器才支援,如果不考相容性問題,可以大量使用這些新特性
html5新增的語義話標籤
html新增的多**標籤
屬性值描述
autoplay
autoplay
controls
controls
width
pixels
height
pxloop
loop
preload
srcurl
poster
imgurl
載入等待的畫面
muted
muted
新增表單
屬性值說明
type="email"
使用者輸入的必須為email型別
type=「url」
限制使用者必須輸入為url型別
type=「date」
限制使用者必須輸入日期型別
type=「time」
限制使用者必須輸入時間型別
type=「month」
限制使用者必須輸入月份
type=「week」
限制使用者必須輸入周
type=「number」
限制使用者輸入數字
type=「tel」
限制使用者輸入手機號
type=「search」
搜尋框type=「color」
生成乙個顏色選擇表單
新增的表單屬性屬性值
說明required
required
表單擁有該屬性表示其內容不能為空必填
placeholder
提示文字
表單的提示資訊,存在預設值將不顯示
autofocus
autofocus
自動聚焦屬性,頁面載入完成自動聚焦到指定表單
auto complete
off\on
當使用者在字段開始鍵入時,瀏覽器基於之前鍵入過的值,應該顯示出字段中填寫的選項。預設已經開啟,如autocomplete=「on」,關閉auto complete=「off」需要放在表單內,同時加上name屬性,同時成功提交
multiple
multiple
可以多選檔案提交
h5新特性 canvas標籤(補充)
上下文物件 painter 1.透明度 語法 painter.globalalpha 0 1 任何操作都要在fill 之前 2.線性 1 設定線寬 painter.linewidth number 2 端點 painter.lincap 端點型別 型別 butt 無端點,round 圓弧端點 squ...
H5新特性 本地儲存
注意 本地儲存呼叫者必須統一,用臨時儲存儲存的資料,只有臨時儲存才能找到 localstorage 永久儲存 相對 其中的資料不隨著瀏覽器的開關而改變 sessionstorage 臨時儲存 相對 當瀏覽器關閉 當前頁面關閉時,資料消失,頁面重新整理時不會影響 兩者區別 local 和 sessio...
H5新特性FileReader使用心得
作用about 終止讀取 readasbinarystring file 將檔案讀取為二進位制編碼 readasdataurl file 將檔案讀取為dataurl編碼 readastext file,encoding 將檔案讀取為文字 readasarraybuffer file 將檔案讀取為ar...