前端常見面試題及答案詳解

1.????什么是HTML5蔚出?

答:HTML5是最新的HTML標準问拘。

注意:講述HTML5推出的設計目的熟呛,以及現(xiàn)在市場的使用情況没咙,瀏覽器支持情況等赚导。派殷。录语。魂迄。

設計目的

HTML5的設計目的是為了在移動設備上支持多媒體癞尚。新的語法特征被引進以支持這一點耸三,如video、audio和canvas 標記浇揩。HTML5還引進了新的功能仪壮,可以真正改變用戶與文檔的交互方式,包括:

· 新的解析規(guī)則增強了靈活性

· 新屬性

· 淘汰過時的或冗余的屬性

· 一個HTML5文檔到另一個文檔間的拖放功能



2.????HTML5中什么是不同的新的表單元素類型胳徽?

答:提示本地驗證表單需要再外面添加form標簽包起來积锅,才能查看效果

??? color

??? date

???datetime-local

??? email

??? time

??? url

??? range

??? telephone

??? number

??? search



3.????HTML5的頁面結(jié)構(gòu)同HTML4或者更前的HTML有什么區(qū)別?

答:一個典型的WEB頁面包含頭部养盗,腳部缚陷,導航,中心區(qū)域爪瓜,側(cè)邊欄〉旁荆現(xiàn)在如果我們想在在HTML4的HTML區(qū)域中呈現(xiàn)這些內(nèi)容,我們可能要使用DIV標簽铆铆。

但是在HTML5中通過為這些區(qū)域創(chuàng)建元素名稱使他們更加清晰蝶缀,也使得你的HTML更加可讀



4.?????哪些瀏覽器支持HTML5?

答:幾乎所有的高版本瀏覽器Safari薄货,Chrome翁都,F(xiàn)irefox,Opera谅猾,IE8以上都支持HTML5




5.?????為什么HTML5里面我們不需要DTD(Document Type Definition文檔類型定義)柄慰?

答:HTML5沒有使用SGML或者XHTML鳍悠,他是一個全新的東西,因此你不需要參考DTD坐搔,對于HTML5藏研,你僅需放置下面的文檔類型代碼告訴瀏覽器識別這是HTML5文檔即可



6.??HTML5的離線儲存?

答:localStorage??? 長期存儲數(shù)據(jù)概行,瀏覽器關閉后數(shù)據(jù)不丟失蠢挡;

sessionStorage? 數(shù)據(jù)在瀏覽器關閉后自動刪除。



7.???瀏覽器是怎么對HTML5的離線儲存資源進行管理和加載的呢凳忙?

答:在線的情況下业踏,瀏覽器發(fā)現(xiàn)html頭部有manifest屬性,它會請求manifest文件涧卵,如果是第一次訪問app勤家,那么瀏覽器就會根據(jù)manifest文件的內(nèi)容下載相應的資源并且進行離線存儲。如果已經(jīng)訪問過app并且資源已經(jīng)離線存儲了柳恐,那么瀏覽器就會使用離線的資源加載頁面伐脖,然后瀏覽器會對比新的manifest文件與舊的manifest文件,如果文件沒有發(fā)生改變乐设,就不做任何操作晓殊,如果文件改變了,那么就會重新下載文件中的資源并進行離線存儲伤提。

離線的情況下巫俺,瀏覽器就直接使用離線存儲的資源。



8.??請描述一下 cookies肿男,sessionStorage 和 localStorage的區(qū)別介汹?

(1)cookie在瀏覽器和服務器間來回傳遞,sessionStorage和localStorage不會舶沛。

(2)sessionStorage和localStorage的存儲空間更大嘹承。

(3)sessionStorage和localStorage有更多豐富易用的接口。

(4)sessionStorage和localStorage各自獨立的存儲空間如庭。



9.?????頁面可見性(Page Visibility)API 可以有哪些用途叹卷?

答:在頁面被切換到其他后臺進程的時候,自動暫停音樂或視頻的播放坪它。



10. HTML5的form如何關閉自動完成功能骤竹?

答:給不想要提示的input是設置autocomplete=off即可。



11.??一個div往毡,要求實現(xiàn)當內(nèi)容過少時蒙揣,div的最低高度為200px,當內(nèi)容較多時开瞭,div的高度被內(nèi)容撐開懒震。

答:min-height:200px




12.??a標簽的四個偽類是什么罩息?如何排序?為什么个扰?

愛恨分明原則: l v h a

注釋:為了產(chǎn)生預期的效果瓷炮,在 CSS 定義中,a:hover 必須位于 a:link 和 a:visited 之后 !

注釋:為了產(chǎn)生預期的效果递宅,在 CSS 定義中崭别,a:active 必須位于 a:hover 之后!恐锣!

注釋:Pseudo-class(偽類)的名稱對大小寫不敏感。

注釋:偽類可與 CSS 類配合使用:

a.red:visited

{color: #FF0000;}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末舞痰,一起剝皮案震驚了整個濱河市土榴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌响牛,老刑警劉巖玷禽,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異呀打,居然都是意外死亡矢赁,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門贬丛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來撩银,“玉大人,你說我怎么就攤上這事豺憔《罨瘢” “怎么了?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵恭应,是天一觀的道長抄邀。 經(jīng)常有香客問我,道長昼榛,這世上最難降的妖魔是什么境肾? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮胆屿,結(jié)果婚禮上奥喻,老公的妹妹穿的比我還像新娘。我一直安慰自己非迹,他們只是感情好衫嵌,可當我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著彻秆,像睡著了一般楔绞。 火紅的嫁衣襯著肌膚如雪结闸。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天酒朵,我揣著相機與錄音桦锄,去河邊找鬼。 笑死蔫耽,一個胖子當著我的面吹牛结耀,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播匙铡,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼图甜,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了鳖眼?” 一聲冷哼從身側(cè)響起黑毅,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎钦讳,沒想到半個月后矿瘦,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡愿卒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年缚去,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琼开。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡易结,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出柜候,到底是詐尸還是另有隱情衬衬,我是刑警寧澤,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布改橘,位于F島的核電站滋尉,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏飞主。R本人自食惡果不足惜狮惜,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望碌识。 院中可真熱鬧碾篡,春花似錦、人聲如沸筏餐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽魁瞪。三九已至穆律,卻和暖如春惠呼,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背峦耘。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工剔蹋, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人辅髓。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓泣崩,卻偏偏與公主長得像,于是被迫代替她去往敵國和親洛口。 傳聞我的和親對象是個殘疾皇子矫付,可洞房花燭夜當晚...
    茶點故事閱讀 45,685評論 2 360

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

  • 請參看我github中的wiki,不定期更新第焰。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,133評論 2 19
  • <a name='html'>HTML</a> Doctype作用买优?標準模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,498評論 1 19
  • 第一部分HTML&CSS整理答案1.什么是HTML5樟遣? 答:HTML5是最新的HTML標準。 注意:講述HTML5...
    Programmer客棧閱讀 2,016評論 0 12
  • 天氣可能很難轉(zhuǎn)晴了身笤。講真豹悬,從小就不喜歡過冬天,覺得整個人都凍僵了液荸,做什么都難以提起夏日的激情瞻佛。全身裹住、穿...
    普凜凜閱讀 165評論 0 0
  • Today is presentation day,I went to school very early, my...
    夜鶯Christy閱讀 572評論 0 1