1.新特性
? ? 1.新的語義化標(biāo)簽:比如<header>,<nav>,<footer>和<section>等铅匹。
? ? 2.表單 2.0 :改進(jìn)了HTMLweb表單呐矾,為<input>標(biāo)簽引入了一些新的屬性唯绍。
? ? 3.持久化本地存儲(chǔ):為了不通過第三方插件實(shí)現(xiàn)蛉腌。
? ? 4.WebSocket:用于應(yīng)用程序的下一代雙向通信技術(shù)溶锭。
? ? 5.Canvas: 支持用JavaScript以編程的方式進(jìn)行二維繪圖。
? ? 6.多媒體:在網(wǎng)頁中嵌入音頻或視頻不再借助第三方插件乘综。
? ? 7.地理定位:用戶可以選擇與我們的網(wǎng)頁共享他們的地理位置憎账。
? ? 8.拖拽:把同一網(wǎng)頁上的元素從一個(gè)位置拖放到另一個(gè)位置。
2.新增標(biāo)簽??
1.多媒體:`<audio></audio>,<video></video>,<source></source>,<embed></embed>`
2.新表單元素:`<datalist>,<output>,<keygen>`
3.新文檔節(jié)段和綱要:????????頁面頭部:`<header>`????????章節(jié):`<section>`????????邊欄:`<aside>`????????文檔內(nèi)容:`<article>`????????頁面底部:`<footer>`????????章節(jié):`<section>`????????邊欄:`<aside>`????????文檔內(nèi)容:`<article>`
3.新的輸入型控件(表單控件)
?????????????email:電子郵箱文本框卡辰,跟普通的沒什么區(qū)別
????????????????????–當(dāng)輸入不是郵箱的時(shí)候胞皱,驗(yàn)證通不過
????????????????????–移動(dòng)端的鍵盤會(huì)有變化
????????????? tel:電話號(hào)碼
????????????? url:網(wǎng)頁的URL
????????????? search:搜索引擎
????????????????????–chrome下輸入文字后,會(huì)多出一個(gè)關(guān)閉的X
????????????? range:特定范圍內(nèi)的數(shù)值選擇器
????????????????????–min九妈、max反砌、step(步數(shù))
????????????????????–例子:用JS來顯示當(dāng)前數(shù)值
????????????? number:只能包含數(shù)字的輸入框
????????????? color:顏色選擇器
????????????? datetime:顯示完整日期
? ? ? ? ? ? ? datetime-local? :顯示完整日期,不含時(shí)區(qū)
????????????? time:顯示時(shí)間萌朱,不含時(shí)區(qū)
????????????? date:顯示日期
????????????? week:顯示周
????????????? month:顯示月
????新的表單特性和函數(shù)
? ? ? ? ? ? ? placeholder? :輸入框提示信息
????????????????????–例子:微博的密碼框提示
? ? ? ? ? ? ? autocomplete? :是否保存用戶輸入值
????????????????????–默認(rèn)為on宴树,關(guān)閉提示選擇off
? ? ? ? ? ? ?? autofocus:指定表單獲取輸入焦點(diǎn)
? ? ? ? ? ? ?? list和datalist:為輸入框構(gòu)造一個(gè)選擇列表
????????????????????–list值為datalist標(biāo)簽的id
? ? ? ? ? ? ?? required:此項(xiàng)必填,不能為空
????????????? Pattern :正則驗(yàn)證pattern="\d{1,5}“
????????????? Formaction在submit里定義提交地址