詳解H5新特性

H5是為了讓移動(dòng)設(shè)備支持多媒體

新特性:

1.新表單元素引入

input元素及type屬性

<input type="email" />
//type屬性:
  email
  url
  number
  range
  color
  date
  month
  week
  time

form屬性

autocomplete=" on | off " //自動(dòng)完成(歷史內(nèi)容記憶)
novalidate=" on  | off "    //關(guān)閉表單校驗(yàn)

input屬性

autofocus:自動(dòng)獲取焦點(diǎn)
form:form元素外制定與哪個(gè)form一并提交(form的值為“目標(biāo)form的id”)
list:綁定input的下拉內(nèi)容,list的值為目標(biāo)元素的id 目標(biāo)元素為
<datalist id="aaa">
  <option></option>
</datalist>
multiple:select加此屬性可多選
placeholder:文字提示內(nèi)容
required:必填

2.新語義標(biāo)簽的引入

<header></header>
<nav></nav>
<section></section>
<footer></footer>
<article></article>

但是這些新語義標(biāo)簽在低版本IE瀏覽器中兼容性很差竿裂,以下是IE低版本兼容解決方案

<!--[if lte IE 8]>
  <script type="text/javascript" src="../html5shiv.min.js"></script>
<![endif]-->

3.多媒體控件

<video></video>
<audio></audio>
屬性:controls顯示多媒體控件
屬性:autoplay自動(dòng)播放
屬性:loop設(shè)置循環(huán)播放

4.canvas標(biāo)簽
5.本地?cái)?shù)據(jù)庫
6.一些API

好處:

1睛廊、跨平臺(tái)(可嵌入各種平臺(tái))

缺點(diǎn):

1狂塘、兼容性不好

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鳞滨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖思杯,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異挠进,居然都是意外死亡色乾,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門领突,熙熙樓的掌柜王于貴愁眉苦臉地迎上來暖璧,“玉大人,你說我怎么就攤上這事君旦∨彀欤” “怎么了嘲碱?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長局蚀。 經(jīng)常有香客問我麦锯,道長,這世上最難降的妖魔是什么琅绅? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任扶欣,我火速辦了婚禮,結(jié)果婚禮上千扶,老公的妹妹穿的比我還像新娘料祠。我一直安慰自己,他們只是感情好澎羞,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布髓绽。 她就那樣靜靜地躺著,像睡著了一般妆绞。 火紅的嫁衣襯著肌膚如雪顺呕。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天摆碉,我揣著相機(jī)與錄音塘匣,去河邊找鬼。 笑死巷帝,一個(gè)胖子當(dāng)著我的面吹牛忌卤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播楞泼,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼驰徊,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了堕阔?” 一聲冷哼從身側(cè)響起棍厂,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎超陆,沒想到半個(gè)月后牺弹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡时呀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年张漂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谨娜。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡航攒,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出趴梢,到底是詐尸還是另有隱情漠畜,我是刑警寧澤币他,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站憔狞,受9級(jí)特大地震影響蝴悉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瘾敢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一辫封、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧廉丽,春花似錦、人聲如沸妻味。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽责球。三九已至焦履,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間雏逾,已是汗流浹背嘉裤。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留栖博,地道東北人屑宠。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像仇让,于是被迫代替她去往敵國和親典奉。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

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

  • 前端開發(fā)知識(shí)點(diǎn) HTML&CSS對Web標(biāo)準(zhǔn)的理解丧叽、瀏覽器內(nèi)核差異卫玖、兼容性、hack踊淳、CSS基本功:布局假瞬、盒子模型...
    Hebborn_hb閱讀 843評(píng)論 0 1
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過程中,你是如何考慮他的UI迂尝、安全性脱茉、高性能、SEO雹舀、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,138評(píng)論 0 1
  • 一芦劣、HTML5 1.1 認(rèn)識(shí)HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語言的一個(gè)最新版本,更重要的是它制定...
    福爾摩雞閱讀 15,745評(píng)論 14 51
  • 1.行內(nèi)元素和塊級(jí)元素?img算什么?行內(nèi)元素怎么轉(zhuǎn)化為塊級(jí)元素? 行內(nèi)元素:和有他元素都在一行上说榆,高度虚吟、行高及外...
    極樂君閱讀 2,402評(píng)論 0 20
  • 22寸认、JQ的基礎(chǔ)語法、核心原理和項(xiàng)目實(shí)戰(zhàn) jQ的版本和下載 jQuery版本 1.x:兼容IE6-8串慰,是目前PC端...
    萌妹撒閱讀 1,740評(píng)論 0 0