主頁 > 知識(shí)庫 > 你可能不熟練的十個(gè)前端HTML5經(jīng)典面試題

你可能不熟練的十個(gè)前端HTML5經(jīng)典面試題

熱門標(biāo)簽:鄭州電銷外呼系統(tǒng)違法嗎 跟電銷機(jī)器人做同事 鶴壁手機(jī)自動(dòng)外呼系統(tǒng)怎么安裝 ai電銷機(jī)器人連接網(wǎng)關(guān) 威海營銷外呼系統(tǒng)招商 濟(jì)南辦理400電話 中紳電銷智能機(jī)器人 農(nóng)村住宅地圖標(biāo)注 漳州人工外呼系統(tǒng)排名

前言

從前幾年開始,HTML5流行風(fēng)盛行,HTML5開發(fā)工程師在人才市場中變得非常吃香。作為從事HTML5開發(fā)者來說,面試是必不可少的,本文給大家總結(jié)介紹了十道大家可能并不熟練的前端HTML5經(jīng)典面試題,希望對大家的面試能帶來一定的幫助,下面話不多說了,來一起看看詳細(xì)的介紹吧。

1.什么是HTML5?

答:HTML5是最新的HTML標(biāo)準(zhǔn)。

注意:講述HTML5推出的設(shè)計(jì)目的,以及現(xiàn)在市場的使用情況,瀏覽器支持情況等。。。。
設(shè)計(jì)目的

HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。新的語法特征被引進(jìn)以支持這一點(diǎn),如video、audio和canvas 標(biāo)記。HTML5還引進(jìn)了新的功能,可以真正改變用戶與文檔的交互方式,包括:

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

 · 新屬性

 · 淘汰過時(shí)的或冗余的屬性

 · 一個(gè)HTML5文檔到另一個(gè)文檔間的拖放功能

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

答:提示本地驗(yàn)證表單需要再外面添加form標(biāo)簽包起來,才能查看效果

  •  color
  •  date
  •  datetime-local
  •  email
  •  time
  •  url
  •  range
  •  telephone
  •  number
  •  search

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

答:一個(gè)典型的WEB頁面包含頭部,腳部,導(dǎo)航,中心區(qū)域,側(cè)邊欄?,F(xiàn)在如果我們想在在HTML4的HTML區(qū)域中呈現(xiàn)這些內(nèi)容,我們可能要使用DIV標(biāo)簽。

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

以下是形成頁面結(jié)構(gòu)的HTML5元素的更多細(xì)節(jié):(注意主要考的是標(biāo)簽語意化)

  •  <header>:代表HTML的頭部數(shù)據(jù)
  •  <footer>:頁面的腳部區(qū)域
  •  <nav>:頁面導(dǎo)航元素
  •  <article>:自包含的內(nèi)容
  •  <section>:使用內(nèi)部article去定義區(qū)域或者把分組內(nèi)容放到區(qū)域里
  •  <aside>:代表頁面的側(cè)邊欄內(nèi)容

4.哪些瀏覽器支持HTML5?

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

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

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

6.HTML5的離線儲(chǔ)存?

答:localStorage 長期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;

sessionStorage 數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除。

7.瀏覽器是怎么對HTML5的離線儲(chǔ)存資源進(jìn)行管理和加載的呢?

答:

(1) 在線的情況下,瀏覽器發(fā)現(xiàn)html頭部有manifest屬性,它會(huì)請求manifest文件,如果是第一次訪問app,那么瀏覽器就會(huì)根據(jù) manifest文件的內(nèi)容下載相應(yīng)的資源并且進(jìn)行離線存儲(chǔ)。如果已經(jīng)訪問過app并且資源已經(jīng)離線存儲(chǔ)了,那么瀏覽器就會(huì)使用離線的資源加載頁面,然后 瀏覽器會(huì)對比新的manifest文件與舊的manifest文件,如果文件沒有發(fā)生改變,就不做任何操作,如果文件改變了,那么就會(huì)重新下載文件中的資 源并進(jìn)行離線存儲(chǔ)。

(2)離線的情況下,瀏覽器就直接使用離線存儲(chǔ)的資源。

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

(1)cookie在瀏覽器和服務(wù)器間來回傳遞, sessionStorage和localStorage不會(huì)。

(2)sessionStorage和localStorage的存儲(chǔ)空間更大。

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

(4)sessionStorage和localStorage各自獨(dú)立的存儲(chǔ)空間。

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

答:在頁面被切換到其他后臺(tái)進(jìn)程的時(shí)候,自動(dòng)暫停音樂或視頻的播放。

10.HTML5的form如何關(guān)閉自動(dòng)完成功能?

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

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

標(biāo)簽:文山 咸陽 萍鄉(xiāng) 紅河 營口 惠州 甘南 蘇州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《你可能不熟練的十個(gè)前端HTML5經(jīng)典面試題》,本文關(guān)鍵詞  你,可能,不熟練,的,十個(gè),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《你可能不熟練的十個(gè)前端HTML5經(jīng)典面試題》相關(guān)的同類信息!
  • 本頁收集關(guān)于你可能不熟練的十個(gè)前端HTML5經(jīng)典面試題的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章