HTML5_CSS3

題目1: HTML5是什么?有哪些新特性蟆沫?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽

HTML5是超文本標記語言的第五次重大修改

特性

  • 語義特性
    HTML5賦予網(wǎng)頁更好的意義和結構温治。更加豐富的標簽將隨著對RDFa的饭庞,微數(shù)據(jù)與微格式等方面的支持,構建對程序熬荆、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web舟山。
  • 本地存儲特性
    基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間,更快的聯(lián)網(wǎng)速度卤恳,這些全得益于HTML5 APP Cache累盗,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔突琳。
  • 設備兼容特性
    從Geolocation功能的API文檔公開以來幅骄,HTML5為網(wǎng)頁應用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗功能的優(yōu)勢本今。HTML5提供了前所未有的數(shù)據(jù)與應用接入開放接口拆座。使外部應用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)冠息。
  • 連接特性
    更有效的連接工作效率挪凑,使得基于頁面的實時聊天,更快速的網(wǎng)頁游戲體驗逛艰,更優(yōu)化的在線交流得到了實現(xiàn)躏碳。HTML5擁有更有效的服務器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性散怖,這兩個特性能夠幫助我們實現(xiàn)服務器將數(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等技術望几,解決以前的跨域等問題绩脆,幫助您的Web應用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
  • CSS3特性
    在不犧牲性能和語義結構的前提下橄抹,CSS3中提供了更多的風格和更強的效果靴迫。此外,較之以前的Web排版害碾,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
新增標簽
新增標簽

head標簽內(nèi)引入

<!--[if lt IE 9]>            
<script type="text/javascript" src="scripts/html5shiv.js"></script>
<![endif]--> 

題目2: input 有哪些新增類型赦拘?

  • email
  • url
  • number
  • range
  • Date Picker
  • Date
  • month
  • week
  • time
  • datatime

題目3: 瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別慌随? localStorage 如何存儲刪除數(shù)據(jù)。

  • Cookie
    Cookie 是小甜餅的意思躺同。顧名思義阁猜,cookie 確實非常小,它的大小限制為4KB左右蹋艺,是網(wǎng)景公司的前雇員 Lou Montulli 在1993年3月的發(fā)明剃袍。它的主要用途有保存登錄信息,比如你登錄某個網(wǎng)站市場可以看到“記住密碼”捎谨,這通常就是通過在 Cookie 中存入一段辨別用戶身份的數(shù)據(jù)來實現(xiàn)的民效。
  • localStorage
    localStorage 是 HTML5 標準中新加入的技術,它并不是什么劃時代的新東西涛救。早在 IE 6 時代畏邢,就有一個叫 userData 的東西用于本地存儲,而當時考慮到瀏覽器兼容性检吆,更通用的方案是使用 Flash舒萎。而如今,localStorage 被大多數(shù)瀏覽器所支持蹭沛,如果你的網(wǎng)站需要支持 IE6+臂寝,那以 userData 作為你的 polyfill 的方案是種不錯的選擇章鲤。
區(qū)別

Cookie一般由服務器生成,可設置失效時間咆贬。如果在瀏覽器端生成Cookie败徊,默認是關閉瀏覽器后失效,大小在4k左右,每次都會攜帶在HTTP頭中素征,如果使用cookie保存過多數(shù)據(jù)會帶來性能問題集嵌,需要程序員自己封裝,源生的Cookie接口不友好御毅。
localStorage除非被清除根欧,否則永久保存,存放數(shù)據(jù)的大小一般為5M,僅在客戶端(即瀏覽器)中保存端蛆,不參與和服務器的通信凤粗,源生接口可以接受,亦可再次封裝來對Object和Array有更好的支持今豆。

刪除

storage.removeItem(keyName);//刪除

題目4: 寫出如下 CSS3效果的簡單事例

  1. 2D 轉換:放大嫌拣、縮小、偏移呆躲、旋轉
  2. 3D 轉換:移動异逐、旋轉

js
2d,3d
題目5: 實現(xiàn)如下全屏圖加過渡色的效果(具體效果隨意)
js

題目6: 寫出如下 loading 動畫效果
load
loop

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市插掂,隨后出現(xiàn)的幾起案子灰瞻,更是在濱河造成了極大的恐慌,老刑警劉巖辅甥,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件酝润,死亡現(xiàn)場離奇詭異,居然都是意外死亡璃弄,警方通過查閱死者的電腦和手機要销,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來夏块,“玉大人疏咐,你說我怎么就攤上這事∑旯” “怎么了凳鬓?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長患民。 經(jīng)常有香客問我缩举,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任仅孩,我火速辦了婚禮托猩,結果婚禮上,老公的妹妹穿的比我還像新娘辽慕。我一直安慰自己京腥,他們只是感情好,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布溅蛉。 她就那樣靜靜地躺著公浪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪船侧。 梳的紋絲不亂的頭發(fā)上欠气,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天,我揣著相機與錄音镜撩,去河邊找鬼预柒。 笑死,一個胖子當著我的面吹牛袁梗,可吹牛的內(nèi)容都是我干的宜鸯。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼遮怜,長吁一口氣:“原來是場噩夢啊……” “哼淋袖!你這毒婦竟也來了?” 一聲冷哼從身側響起锯梁,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤即碗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后涝桅,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拜姿,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡烙样,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年冯遂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谒获。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡蛤肌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出批狱,到底是詐尸還是另有隱情裸准,我是刑警寧澤,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布赔硫,位于F島的核電站炒俱,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜权悟,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一砸王、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧峦阁,春花似錦谦铃、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至撒会,卻和暖如春嘹朗,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背茧彤。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工骡显, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人曾掂。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓惫谤,卻偏偏與公主長得像,于是被迫代替她去往敵國和親珠洗。 傳聞我的和親對象是個殘疾皇子溜歪,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

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

  • 題目1: HTML5是什么?有哪些新特性许蓖?有哪些新增標簽蝴猪?如何讓低版本的 IE 支持 HTML5新標簽 HTML5...
    GaoYangTongXue丶閱讀 690評論 0 0
  • 題目1: HTML5是什么?有哪些新特性膊爪?有哪些新增標簽自阱?如何讓低版本的 IE 支持 HTML5新標簽 HTML5...
    饑人谷_NewClass閱讀 253評論 0 0
  • 1. HTML5是什么?有哪些新特性米酬?有哪些新增標簽沛豌?如何讓低版本的 IE 支持 HTML5新標簽 HTML5是超...
    _李祺閱讀 425評論 0 0
  • 題目1: HTML5是什么?有哪些新特性赃额?有哪些新增標簽加派?如何讓低版本的 IE 支持 HTML5新標簽 HTML5...
    727上上上閱讀 263評論 0 0
  • 1 很久沒有獨自一個人走這條大道了芍锦,相同的景、相同的人飞盆,不同的是心境娄琉。 上了這么久的早晚自習次乓,每個工作日的晚上都會...
    F與你閱讀 223評論 0 2