如何让IE9以下版本(ie6/7/8)认识html5元素_HTML5教程
缂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閹冣挃闁硅櫕鎹囬垾鏃堝礃椤忎礁浜鹃柨婵嗙凹缁ㄥジ鏌熼惂鍝ョМ闁哄矉缍侀、姗€鎮欓幖顓燁棧闂傚倸娲らˇ鐢稿蓟閵娿儮鏀介柛鈩冪懃閳峰牓姊洪幖鐐测偓鏇⑺囬幍顔藉床婵炴垶锕╅崯鍛亜閺冨洤鍚归柛鎴濈秺濮婃椽宕崟顒€娅ょ紓浣筋嚙閻楁挸顕g拠娴嬫婵﹩鍋呴崟鍐⒑缂佹ê濮﹂柛鎾寸☉閳绘捇濡舵径瀣ф嫼闂佸憡绋戦敃銉╁煕閹烘鐓涘ù锝呮啞閹插憡淇婇崣澶婂妤犵偞岣块埀顒佺⊕閿氭い搴㈡崌濮婃椽宕烽鐘茬闁汇埄鍨伴敃銉х博閻旂厧鍗抽柕蹇婃閹风粯绻涙潏鍓у閻犫偓閿曞倸缁╅柡澶嬶紩閻熸壋鍫幖绮光偓鏂ユ嫬婵$偑鍊戦崹娲€冩繝鍛唴闂備胶绮粙鎾宦ㄩ埀鐞掗梻鍌氬€搁崐鎼佸磹閹间礁纾归柟闂寸绾惧湱鈧懓瀚崳纾嬨亹閹烘垹鍊為悷婊冪箻瀵娊鏁冮崒娑氬幗闂侀潧绻嗛幊姘跺捶椤撶姷骞撳┑掳鍊曢幊蹇涙偂濞嗘挻鐓欐繛鍫濈仢閺嬫稒銇勯敐鍛仮闁哄本绋撻埀顒婄到婢у海寮ч埀顒勬⒑閸濆嫭婀版繛鍙壝銉╁礋椤栨岸鍞跺┑鐘绘涧濡藟濞嗘劗绡€闁汇垽娼ф禒锕傛煕閵婏箑鍔剁憸鐗堢矒濮婅櫣鎮伴垾鍏呭濠电偛顕慨鎾敄閸℃稑纾归柣銏犳啞閻撱儲绻濋棃娑欘棞闁哄棙鐟ラ埞鎴︽晬閸曨偄骞嬮梺鍝勬湰缁嬫捇鍩€椤掑﹦绉甸柛瀣噹閻e嘲鐣濋埀顒勫焵椤掑喚娼愭繛鍙夅缚閺侇噣鏁撻悩鑼暫濠电偛妫欓幐鎼佹嫅閻斿吋鐓忓璺虹墕閸旀粓鏌¢崱鈺€閭慨濠傤煼瀹曟帒鈻庨幋顓熜滈梻浣告贡閳峰牓宕戦崟顓炲疾闂備線娼ц墝闁哄懏绋撴竟鏇熺節濮橆厾鍘介梺褰掑亰閸犳牠宕濈€n喗鐓曞┑鐘插€绘禒娑㈡煏閸パ冾伃妤犵偞甯″畷鍗烆渻閹屾闂傚倸鍊风粈渚€鎮块崶顒婄稏濠㈣埖鍔曢崹鍌炴煕瑜庨〃鍛不閺嶃劎绠鹃柛鈩兩戠亸顓㈡煟椤撶噥娈旀い顓炴健閹虫粓鎯夐鍛伌闁轰礁绉电粭鐔煎焵椤掆偓椤繒绱掑Ο璇差€撻柣鐔哥懃鐎氼剚绂掗埡鍛拺闁告稑锕ラ悡銉╂⒑鐢喚鍒伴柣锝夋敱鐎靛ジ寮堕幋婵嗘暏闁荤喐绮嶇划鎾崇暦閻㈢ǹ鍗抽柣鎰ㄦ櫆閺傗偓闂備胶绮敋缁剧虎鍙冮妴鍌炲蓟閵夛妇鍘搁梺鍛婁緱閸犳宕愰幇鐗堢厸閻忕偠顕ф慨鍌炴煙椤斿搫鈧繂鐣烽幒鎴旀婵妫旂槐锟�婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繘鏌i幋锝嗩棄闁哄绶氶弻鐔兼⒒鐎靛壊妲紒鐐劤椤兘寮婚敐澶婄疀妞ゆ帊鐒﹂崕鎾绘⒑閹肩偛濡奸柛濠傛健楠炲啰鎲撮崟顒€顫¢梺鐟板槻閻牓宕濋崨顓涙斀闁绘劖褰冮幃鎴︽煟濡ゅ啫鈻堟鐐插暙閻o繝骞嶉搹顐も偓濠氭椤愩垺澶勯柟灏栨櫆鐎靛ジ鍩€椤掑嫭鈷掑ù锝堟鐢稓绱掔拠鎻掆偓鍧楀箖閵夛妇闄勭紒瀣劵閹芥洖鈹戦悙鏉戠仧闁搞劌缍婇幃鐐裁洪鍛幈闂佽婢橀崥鈧紒銊ョ摠娣囧﹪骞撻幒鏂库叺濠殿喖锕ㄥ▍锝囨閹烘嚦鐔烘嫚閺屻儳鈧椽姊绘担鐟邦嚋婵炴彃绻樺畷褰掓寠婢舵ê娈ㄦ繝鐢靛У閼归箖鎮橀幎鑺ョ厵濡鑳堕ˇ锕傛煙椤旇棄鐏撮柡宀€鍠栭幊鏍煛閸曞﹤顦甸弻宥堫檨闁告挻鐟ф竟鏇㈩敇閵忊晜鏅╅梺纭呮彧闂勫嫰鍩涢幒鎳ㄥ綊鏁愰崶銊ユ畬闂佸磭绮ú鐔煎蓟閿熺姴鐒垫い鎺嶇劍缂嶅洭鏌嶉崫鍕偓鐟扳枔娴煎瓨鈷戦悹鎭掑妼閺嬫柨鈹戦鑺ュ唉闁归攱鍨块幃銏ゅ礂閼测晛甯惧┑鐘垫暩閸嬬喖宕戦幘鏂ユ瀺闁糕剝绋掗悡鏇㈡倵閿濆簼绨兼い銉e灲閺岋紕浠﹂崜褋鈧帒霉閻欏懐鐣电€规洘绮忛ˇ顔戒繆閹绘帞澧曟い顏勫暣婵″爼宕ㄧ€电ǹ妞介梻浣烘嚀閸ゆ牠骞忛敓锟� 缂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鎯у⒔閹虫捇鈥旈崘顏佸亾閿濆簼绨奸柟鐧哥秮閺岋綁顢橀悙鎼闂侀潧妫欑敮鎺楋綖濠靛鏅查柛娑卞墮椤ユ岸姊绘担钘壭撻拑杈╃磼鐠囪尙澧曟い顐㈢箰鐓ゆい蹇撶У閺呫垽姊洪柅鐐茶嫰婢ф壆绱掗鑺モ拻闁逞屽墴濞佳囧箺濠婂牊鍋濈紓浣姑肩换鍡涙煏閸繃鍣洪柛锝嗘そ閺岋綁骞樼€靛憡鍣板┑顔硷攻濡炰粙銆佸鈧俊姝岊槾闁哄棛濮电换婵嬪煕閳ь剟宕堕埡鍐╂瘒闂備礁鎼悮顐﹀磹濠靛棭鍤曢柛顐f礀缁犱即骞栫划鍏夊亾閸欏鈻曢梻鍌氬€风粈渚€骞栭锕€瀚夋い鎺戝閸庡孩銇勯弽銊р棩缂佽妫濋弻锝夊箣閻樺灚鎲橀梺杞扮閿曨亪寮婚敐澶婄闁告劘灏欏Σ鏉库攽閻愯泛顥嶇€规洜鏁稿Σ鎰板箻鐠囪尙锛滃┑鐐叉鐢晠宕ぐ鎺撯拺缂佸顑欓崕鎰版煙閸涘﹥鍊愰柍銉畵瀹曠ǹ螖娴e憡鐤傞梻鍌氬€搁悧濠勭矙閹达讣缍栫€广儱顦伴埛鎴犵磽娴h偂鎴犱焊椤撱垺鐓曢柣鏂挎啞鐏忥妇鈧鍠栭…宄邦嚕閹绢喗鍋勫瀣捣閻涱噣姊绘担绋款棌闁稿鎳愰幑銏ゅ磼閻愨斁鍋撻弽銊ョ窞闁归偊鍘搁幏铏圭磽閸屾瑧鍔嶅畝锝堟硶缁濡烽妷鍐嚀楗増鎯斿┑瀣粣闁诲孩顔栭崰鏍€﹂悜钘夋瀬闁圭増婢樺婵囥亜韫囨挻鍣洪柡澶嬫倐濮婄粯鎷呴崨濠呯闂佺ǹ顑嗛幐绋跨幓閸喒鏋庨柟鍨暞閺呮粓姊虹捄銊ユ珢闁瑰嚖鎷� 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鎯у⒔閹虫捇鈥旈崘顏佸亾閿濆簼绨绘い鎺嬪灪閵囧嫰骞囬鍡欑厯闂佸搫琚崝鎴﹀箖閵忋倕浼犻柛鏇熷灟閸ㄥ鎯€椤忓牆绠氱憸婊堟偂婵傚憡鐓涢悘鐐插⒔濞插鈧鍠楅幐铏繆閹间礁唯鐟滃宕戦幘娲绘晢闁告洦鍓涢崢閬嶆⒑闂堟侗妾х紒鑼跺Г娣囧﹪鎮惧畝鈧壕鐣屸偓骞垮劚閹冲繘宕板鈧弻锛勪沪閻e睗褏鈧娲﹂崑濠傜暦閻旂⒈鏁冮柨婵嗘-閸熲偓婵犵绱曢崑鎴﹀磹瑜忛埀顒勬涧閻倸鐣风憴鍕秶闁冲搫鍊告惔濠傗攽閻樼粯娑фい鎴濇嚇閿濈偤宕ㄧ€涙ḿ鍙嗗┑鐘绘涧濡瑩藟閻樼粯鐓忛柛鈩兠慨宥嗘叏婵犲啯銇濈€规洦鍋婂畷鐔碱敇閻愨晜瀚涢梻鍌欑閹诧繝骞愭ィ鍐ㄧ獥閹兼番鍔嶉崑鈺冣偓鐟板鐎氬牓寮崼婵堝姦濡炪倖甯掔€氥劑宕戦幋婢濆綊宕楅崗鑲╃▏闂備礁宕ú顓㈠蓟閿濆妫橀柟绋垮閸庢挸螖閻橀潧浠﹂柛鏃€鐟ラ~蹇曠磼濡顎撻柣鐔哥懃鐎氼剚绂掗埡鍛拺缂佸鐏濋惁銊╂煕閵娿劍纭鹃柣锝呭槻閳规垿宕遍埡浣瑰€┑鐘灱濞夋盯顢栭崨鏉戠妞ゆ挶鍨洪埛鎴犵棯椤撶偞鍣虹憸鎶婂洦鈷掗柛鏇ㄥ亜椤忣參鏌涢埡鍌滄创妤犵偞甯¢獮瀣敇閻樺弶鏆╅梻浣藉吹婵儳鈻嶉敐鍥︾剨闁靛ň鏅涚粈澶愭煟閺冨倸甯堕柡瀣╃窔閺屾盯顢曢悩鎻掑闂佹娊鏀遍崹鍧楀蓟濞戞ǚ鏀介柛鈩冾殢娴煎倸顪冮妶搴′壕缂佺姵鎹囧璇测槈濞嗘垹鐦堥梺鍛婂姦娴滄粓鍩呴崷顓涘亾閸忓浜鹃梺鎸庣箓閻楀棝宕濋悽鐢电<闁绘ê纾埥澶愭煃閽樺妲搁摶锝嗙節瑜忛崑鎾斥枍婵犲洦鐓涢悘鐐额嚙婵倻鈧鍣崳锝呯暦閹烘垟鍫柛鎰典憾閸嬔冣攽閿涘嫬浜奸柛濠冨灴瀹曟洟鎳犻鍌滅厯闂佽宕橀崺鏍綖閺囥垺鐓欓柟瑙勫姦閸ゆ瑧鐥幆褍鎮戠紒缁樼洴瀹曞崬螣閾忛€涙樊濠电姷顣介埀顒冨皺閻瑦鎱ㄦ繝鍐┿仢鐎规洦鍋婃俊鐑藉Ψ閵堝洦宕熷┑锛勫亼閸娿倝宕㈡ィ鍐ㄧ婵せ鍋撻柟顔诲嵆椤㈡瑧鎹勯妸褎婢戞繝鐢靛仦閸ㄥ爼鎮烽敃鈧埢宥夊閵堝棌鎷洪柣鐘充航閸斿苯鈻嶉幇鐗堢厵闁告垯鍊栫€氾拷 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁惧墽鎳撻—鍐偓锝庝簼閹癸綁鏌i鐐搭棞闁靛棙甯掗~婵嬫晲閸涱剙顥氬┑掳鍊楁慨鐑藉磻閻愮儤鍋嬮柣妯荤湽閳ь兛绶氬鎾閳╁啯鐝栭梻渚€鈧偛鑻晶鎾煙椤斿吋鍋ユい銏″哺閸┾偓妞ゆ帒瀚拑鐔兼煥濠靛棙鍟掗柡鍐ㄧ墕閻掑灚銇勯幒鎴濐仾闁稿顑呴埞鎴︽偐閸欏鎮欓梺娲诲幗椤ㄥ﹪鎮¢锕€鐐婇柕濞р偓婵洭姊虹紒妯诲鞍闁荤啙鍛潟闁规儳鐡ㄦ刊鎾⒒閸喓銆掑ù鐘层偢濮婃椽宕崟闈涘壉缂備礁顑嗙敮妤冪矚鏉堛劎绡€闁搞儯鍔岄埀顒傚厴閺岀喎鈻撻崹顔界亾闂佺粯鎸婚幑鍥ь潖濞差亜浼犻柛鏇ㄥ亽濡茬敻姊洪柅鐐茶嫰婢ь垶鏌涢幘鏉戝摵鐎规洏鍎抽埀顒婄秵閸犳牜绮婚崷顓犵<妞ゆ梻鍘х敮銊╂煕鐎n偅宕岄柟宕囧█椤㈡鎷呯憴鍕典化闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘e亾妤犵偛顦甸弫鎾绘偐椤旂懓浜鹃柛鎰靛枛楠炪垺绻涢崱妤冪闁诲孩濞婇幃妤呯嵁閸喖濮庡┑鐐额嚋缁犳垿鎮鹃悜钘夌煑濠㈣泛鐬奸鏇㈡⒑閻熸壆鎽犻柣鐔村劦閹﹢鍩¢崒銈嗩啍闂佺粯鍔︽禍婊堟倶椤忓媱搴ㄥ炊瑜濋煬顒併亜閵忥紕鈽夐柍瑙勫灴楠炲洭顢楁笟鍥ф暢闂傚倸鍊搁崐鎼佸磹閹间絸鍥敍濠婂懐鐓嬮梺鍦檸閸犳牠鎮″鈧弻鐔告綇閹呮В闂佽桨绀侀澶愬蓟濞戙垹鐒洪柛鎰典簼閸n噣鏌﹂崘顔绘喚婵﹦绮幏鍛村川婵犲倹娈樻繝娈垮枛閿曘倗绱炴繝鍥ラ柛鎰ㄦ櫇缁♀偓闂佹悶鍎滈崟顑岸姊绘笟鈧埀顒傚仜閼活垱鏅堕鐐寸厪闁搞儜鍐句純濡ょ姷鍋炵敮锟犵嵁鐎n亖鏀介柛銉㈡櫃婢规洖鈹戦悩鍨毄闁稿鐩畷銉р偓锝庡枛缁€澶嬬箾閸℃ɑ灏柦鍐枛閺岋綁寮崒妤佸珱闂佽桨绀侀敃顏堝蓟閵堝悿鍦偓锝庡亝閻濇棃姊虹紒妯诲暗闁哥姵鐗犻獮鍐ㄎ旈崘鈺佹瀭闂佸憡娲﹂崜娑⑺囬妸銉㈡斀闁绘劘娉涢惃娲煕閻樺磭澧い鏇稻缁绘繂顫濋鈧懓鍨攽鎺抽崐鏇㈡晝閵堝绠栭柟杈鹃檮閳锋垿鏌涘☉姗堟缂佸爼浜堕弻娑㈠Ω閿曗偓閳绘洜鈧娲忛崹浠嬨€佸Δ鍛妞ゆ垼濮ょ€氳棄鈹戦悙鑸靛涧缂傚秮鍋撴繝娈垮枔閸婃鈽夐悽绋块唶闁哄洨鍠撻崢閬嶆⒑閹稿海绠撶紒缁樺浮閹箖宕归顐n啍闂佺粯鍔樼亸娆戠不婵犳碍鐓涘ù锝堫潐瀹曞矂鏌℃担瑙勫磳闁轰焦鎹囬弫鎾绘晸閿燂拷,闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳婀遍埀顒傛嚀鐎氼參宕崇壕瀣ㄤ汗闁圭儤鍨归崐鐐差渻閵堝棗绗傜紒鈧笟鈧畷婊堫敇閻戝棙瀵岄梺闈涚墕濡鎱ㄨ缁辨帡鎮╅崘鑼患缂備緡鍠栭悧蹇涘焵椤掑﹦绉甸柛瀣╃劍缁傚秴饪伴崼鐔哄幍闂侀€涚祷濞呮洖鈻嶉崨瀛樼厽闊洤锕ュ▍鍥煙椤曞懎鏋涙い顐g矒閸┾偓妞ゆ巻鍋撴い顐㈢箳缁辨帒螣鐠囧樊鈧挾绱撴担鍦槈妞ゆ垵鎳庨埢鎾活敇閻愨晜鏂€濡炪倖姊归弸濠氬礂椤掑倻纾奸柣妯挎珪瀹曞矂鏌℃担鐟板闁诡喗鐟╁鍫曞箣閻樼數宓侀梻浣筋嚙閸戠晫绱為崱娑樼婵炴垯鍩勯弫濠囨煛閸モ晛鏋旂紒鈾€鍋撻梻浣圭湽閸ㄨ棄岣胯閻☆參姊绘担鍛靛綊顢栭崨顓囨稑鈹戦崱娆愭闂佹眹鍨绘灙闁告濞婇弻鏇$疀閵壯咃紵闂佸憡锚瀹曨剟鈥旈崘顔嘉ч柛鈩冾殔琛肩紓鍌欑劍瑜板啯鏅堕悾灞藉灊闁割偁鍎遍悞鍨亜閹烘垵鈧崵澹曢挊澹濆綊鏁愰崱妤冪シ婵炲瓨绮撶粻鏍ь潖濞差亜宸濆┑鐘插€搁~鍛存⒑閸濆嫬鈧悂宕愰崷顓犵焿鐎广儱鎳夐崼顏堟煕椤愩倕鏋旈柛妯绘倐濮婅櫣绮欓幐搴㈡嫳濠殿喗菧閸斿秶绮嬮幒妤€顫呴柕鍫濇閸橀潧顪冮妶鍡橆梿婵☆偄瀚伴幃姗€鏁冮崒娑氬帾闂佹悶鍎滈崘鍙ョ磽缂傚倷鑳舵慨鐢告儎椤栨凹鍤曢柟缁㈠枟閸婄兘鎮楅悽鐢点€婇柛瀣崌瀹曟粏顦寸痪鎹愭闇夐柨婵嗙墛椤忕娀鎮介娑氭创闁哄矉缍侀崺鈩冪節閸屾粈妗撻梻浣虹帛娓氭宕板璺虹劦妞ゆ帒锕︾粔鐢告煕閻樻剚娈滅€规洘鍔欓幃婊堟嚍閵壯冨箰濠电姰鍨煎▔娑㈩敄閸涘瓨鍊堕柍鍝勫€荤粻楣冩煕椤愶絿鈽夐柍褜鍓氱换鍌烇綖韫囨洜纾兼俊顖濐嚙椤庢捇姊洪崨濠勬创婵炰匠鍛濠电姴娲㈤埀顑跨窔瀵粙顢橀悙鑼垛偓鍨攽閻愭潙鐏﹀畝锝呮健椤㈡瑦寰勯幇顓涙嫼闂佺鍋愰崑娑㈠礉閳ь剟鏌h箛鏇炰粶濠⒀呮櫕缁瑦绗熼埀顒€顫忕紒妯诲闁告稑锕ら弳鍫㈢磽娴g瓔鍤欓柛濠傤煼閸┾偓妞ゆ帊鑳跺▓浼存煕閵夋垵鍟▓銈夋⒑閻熸澘鎮戦柣锝庝邯瀹曟繂顓兼径瀣簵濠电偛妫欓崝鎴炵濠婂牊鐓涚€规搩鍠栫€氬嘲螞閻愮儤鐓熼幖娣灩閸ゎ剟鏌涢悩鎰佹畼缂侇喖顑呴鍏煎緞濡粯娅嗛梻浣稿閸嬪棝宕崸妤€绠紓浣贯缚缁犻箖寮堕崼婵嗏挃闁告帊鍗抽弻鐔烘嫚瑜忕弧鈧悗瑙勬处閸ㄥ爼骞冨▎鎾村€绘俊顖滃帶楠炴姊绘担铏瑰笡婵﹦鎳撳玻鍨枎閹惧磭顦梺闈涚墕椤︿即鎮″▎鎰垫闁绘劘灏欐禒銏ゆ煟韫囧﹥娅婇柟钘夌埣閺佹劙宕ㄩ鐔蜂壕闁圭儤鍩堝ḿ鈺呮煟閹捐櫕鎹eù鐘櫅閳规垿鎮欓懠顒€顣堕梺鍛婃煥缁夊爼骞戦姀鐘斀閻庯綆鍋勬禒娲⒒閸屾氨澧涢柛鎺嗗亾闂佹寧绻傚ú銊ノ涢鐐寸厸濠㈣泛瀛╃涵鍫曞极閸儲鍊垫繛鍫濈仢閺嬬喖鏌i幙鍕瘈闁绘侗鍣e浠嬪Ω閿曗偓椤庢捇姊洪棃鈺佺槣闁告ḿ鍘ч锝夊箮閼恒儮鎷绘繛杈剧秬濞咃絿鏁☉娆戠闁告瑥顦辨晶鐢碘偓瑙勬礃閸旀瑥鐣烽悜绛嬫晣婵炴垶眉婢规洖鈹戦缁撶細闁稿鎸鹃埀顒佺啲閹凤拷!
推荐:突袭HTML5之Javascript API扩展3—本地存储全新体验
存储数据在客户端可以解决很多的问题和减少不必要的传输数据: 能保存程序的状态/ 能缓存数据/能保存用户的喜好等等以前的做法是很繁笨的,接下来将详细介绍感兴趣的朋友可以了解下,或许对你有所帮助
每个浏览器都有一份清单列举自己所支持的HTML元素。不在清单上的元素都将被视为未知元素。浏览器不会给未知元素设定任何样式(不同浏览器对元素会有不同的默认样式)。在IE9之前的版本中,也不能对未知元素设定样式。未知元素的DOM也显示不正确,IE会在DOM中插入一个没有子元素的空节点。所有你原本认为将会成为这个未知元素的子元素的元素会成为其兄弟节点。
针对这个问题有一个弥补方案,在使用里如article标签之前先用js创建一个虚假的article元素,IE就会识别这个元素了,而支持用css设定样式。这个虚假元素甚至都不需要插入到DOM中。
请看如下的例子:
复制代码 代码如下:www.mb5u.com
< !DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>unknown elements</title>
<style>
article{display:block;border:1px solid red}
</style>
</meta></head>
<body>
<article>
<h1>welcome to feimos's blog</h1>
<p>This is your <span>first time to visit this webSite.</span></p>
</article>
</body>
</html>
IE6不会识别article,所以也不会有红色边框。
但是如果我们在head中加入一句js,情况立马就不一样了。
复制代码 代码如下:www.mb5u.com
<script type="text/javascript">
document.createElement("article");
</script>
IE6假装它认识这个元素,正确显示了效果。
我们可以为所有新的HTML5元素都一次性创建一份虚假副本,以后就无需担心那些不能良好支持HTML5的浏览器了。Remy Sharp的HTML5 enabling script就是帮助我们做这些事情的,该脚本的基本想法如下:
复制代码 代码如下:www.mb5u.com
<!--[if lt IE 9]>
<script type="text/javascript">
var e=("abbr,article,aside,audio,canvas,datalist,details,"+
"figure,footer,header,hgroup,mark,menu,meter,nav,output,"+
"progress,section,time,video").split(',');
for(var i=0;i<e .length;i++){
document.createElement(e[i]);
}
</script>
< ![endif]-->
首先利用条件注释判断是不是IE9之前版本,如果是就执行js。先把所有新标签写入e数组中,然后遍历整个数组,并创建副本。
该脚本已经托管在Google Project Hosting上,你可以直接外链这个脚本:
复制代码 代码如下:www.mb5u.com
另外,这段脚本需要放在页面起始的部分,最好是head中,不要放在底部。这样IE在解析页面标签之前就会先运行这段代码。
分享:html5的新增的标签和废除的标签简要概述
HTML5中在新增加和废除很多标签的同时,也增加和废除了很多标签比如新增的结构标签:section元素/video元素等等,感兴趣的朋友可以了解下,希望本文的知识点对你有所帮助

相关HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
- 网易微博Web App用HTML5开发的过程介绍
- HTML5 对各个标签的定义与规定:body的介绍
- 关于HTML5的安全问题开发人员需要牢记的
- 关于HTML5的22个初级技巧(图文教程)
- 开发人员所需要知道的HTML5性能分析面面观
- HTML5 Web Database 数据库的SQL语句的使用方法
- HTML5实践-图片设置成灰度图
- HTML5安全介绍之内容安全策略(CSP)简介
- HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
- Bootstrap 学习分享
- input元素的url类型和email类型简介
HTML5教程Rss订阅Div+Css教程搜索
HTML5教程推荐
- html5-websocket基于远程方法调用的数据交互实现
- html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
- HTML5本地存储之Web Storage应用介绍
- html5 拖拽上传图片实例演示
- 使用css如何制作时间ICON方法实践
- HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
- HTML5教程之html 5 本地数据库(Web Sql Database)
- html5与css3小应用
- 突袭HTML5之Javascript API扩展3—本地存储全新体验
- HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
- 相关链接:
- 教程说明:
HTML5教程-如何让IE9以下版本(ie6/7/8)认识html5元素
。