H5新特性

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里定義提交地址

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末晶疼,一起剝皮案震驚了整個(gè)濱河市酒贬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌冒晰,老刑警劉巖同衣,帶你破解...
    沈念sama閱讀 222,590評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異壶运,居然都是意外死亡耐齐,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門蒋情,熙熙樓的掌柜王于貴愁眉苦臉地迎上來埠况,“玉大人,你說我怎么就攤上這事棵癣≡玻” “怎么了?”我有些...
    開封第一講書人閱讀 169,301評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵狈谊,是天一觀的道長喜命。 經(jīng)常有香客問我沟沙,道長,這世上最難降的妖魔是什么壁榕? 我笑而不...
    開封第一講書人閱讀 60,078評(píng)論 1 300
  • 正文 為了忘掉前任矛紫,我火速辦了婚禮,結(jié)果婚禮上牌里,老公的妹妹穿的比我還像新娘颊咬。我一直安慰自己,他們只是感情好牡辽,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評(píng)論 6 398
  • 文/花漫 我一把揭開白布喳篇。 她就那樣靜靜地躺著,像睡著了一般态辛。 火紅的嫁衣襯著肌膚如雪麸澜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,682評(píng)論 1 312
  • 那天因妙,我揣著相機(jī)與錄音痰憎,去河邊找鬼。 笑死攀涵,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的洽沟。 我是一名探鬼主播以故,決...
    沈念sama閱讀 41,155評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼裆操!你這毒婦竟也來了怒详?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,098評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤踪区,失蹤者是張志新(化名)和其女友劉穎昆烁,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缎岗,經(jīng)...
    沈念sama閱讀 46,638評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡静尼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了传泊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鼠渺。...
    茶點(diǎn)故事閱讀 40,852評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖眷细,靈堂內(nèi)的尸體忽然破棺而出拦盹,到底是詐尸還是另有隱情,我是刑警寧澤溪椎,帶...
    沈念sama閱讀 36,520評(píng)論 5 351
  • 正文 年R本政府宣布普舆,位于F島的核電站恬口,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏沼侣。R本人自食惡果不足惜楷兽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望华临。 院中可真熱鬧芯杀,春花似錦、人聲如沸雅潭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扶供。三九已至筛圆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間椿浓,已是汗流浹背太援。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評(píng)論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扳碍,地道東北人提岔。 一個(gè)月前我還...
    沈念sama閱讀 49,279評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像笋敞,于是被迫代替她去往敵國和親碱蒙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • h5新特性 于繪畫的 canvas 元素 用于媒介回放的 video 和 audio 元素 對(duì)本地離線存儲(chǔ)的更好的...
    Farewell_V587閱讀 781評(píng)論 0 5
  • 1.用于繪畫的canvas2夯巷、媒體回放的video和audio元素3赛惩、離線存儲(chǔ)更高的支持4、新的標(biāo)簽趁餐,之前寫頁面都...
    聆聽者JYZ閱讀 2,060評(píng)論 0 1
  • 1.全屏化(FullScreen) 1.1進(jìn)入全屏 1.2退出全屏 1.3注意 全屏操作需要用戶來處理喷兼,代碼從上向...
    予以暖殺風(fēng)閱讀 443評(píng)論 0 2
  • FileList inputEle.files 表單文件域 event.dataTransfer....
    社會(huì)你碼ge閱讀 236評(píng)論 0 0