題目1: HTML5是什么?有哪些新特性嘉涌?有哪些新增標簽雳锋?如何讓低版本的 IE 支持 HTML5新標簽
html5是超文本標記語言的第五次重大修改,2014年10月29日標準規(guī)范制定完成
新特性:語義特性
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)噪奄。更加豐富的標簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持人乓,構(gòu)建對程序勤篮、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。
本地存儲特性
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間色罚,更快的聯(lián)網(wǎng)速度碰缔,這些全得益于HTML5 APP Cache,以及本地存儲功能戳护。Indexed DB(html5本地存儲最重要的技術(shù)之一)和API說明文檔金抡。
設(shè)備兼容特性
從Geolocation功能的API文檔公開以來,HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇腌且,帶來了更多體驗功能的優(yōu)勢梗肝。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連铺董,例如視頻影音可直接與microphones及攝像頭相聯(lián)巫击。
連接特性
更有效的連接工作效率,使得基于頁面的實時聊天,更快速的網(wǎng)頁游戲體驗喘鸟,更優(yōu)化的在線交流得到了實現(xiàn)匆绣。HTML5擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和WebSockets就是其中的兩個特性什黑,這兩個特性能夠幫助我們實現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能崎淳。
網(wǎng)頁多媒體特性
支持網(wǎng)頁端的Audio、Video等多媒體功能愕把, 與網(wǎng)站自帶的APPS拣凹,攝像頭,影音功能相得益彰恨豁。
三維嚣镜、圖形及特效特性(Class: 3D, Graphics & Effects)
基于SVG、Canvas橘蜜、WebGL及CSS3的3D功能菊匿,用戶會驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺效果计福。
性能與集成特性
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術(shù)跌捆,解決以前的跨域等問題,幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作象颖。
新增標簽
如何讓低版本的 IE 支持 HTML5新標簽
讓IE(包括IE6)支持HTML5元素佩厚,我們需要在HTML頭部添加以下JavaScript,這是一個簡單的document.createElement聲明说订,利用條件注釋針對IE來調(diào)用這個js文件抄瓦。Opera,F(xiàn)ireFox等其他非IE瀏覽器就會忽視這段代碼陶冷,也不會存在http請求钙姊。
<!–[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]–>
input 有哪些新增類型?
1.email 2.url 3.number 4.range 5.Date Picker Date month week time datatime
瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別埃叭? localStorage 如何存儲刪除數(shù)據(jù)摸恍。
cookie和localStorage的區(qū)別,來自參考資料http://jerryzou.com/posts/cookie-and-web-storage/
localStorage如何刪除儲存數(shù)據(jù)
刪除一條數(shù)據(jù)
localStorage.removeItem(“tKey“);
批量刪除數(shù)據(jù)
localStorage.clear();
CSS3常見效果
http://jsbin.com/sujuhowawe/edit?html,output
CSS3漸變
http://jsbin.com/cenegosubo/edit?html,css,output
CSS3動畫
http://jsbin.com/tijisiwena/edit?html,output
http://jsbin.com/hanetojoru/edit?html,css,js,output