最新前端開發(fā)工程師面試題——HTML部分

1京髓、Doctype作用?嚴(yán)格模式與混雜模式如何區(qū)分盟劫?它們有何意義?

(1)夜牡、聲明位于文檔中的最前面,處于標(biāo)簽之前侣签。告知瀏覽器的解析器塘装,用什么文檔類型規(guī)范來解析這個文檔。

(2)影所、嚴(yán)格模式的排版和JS運作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運行氢哮。

(3)、在混雜模式中型檀,頁面以寬松的向后兼容的方式顯示冗尤。模擬老式瀏覽器的行為以防止站點無法工作。

(4)、DOCTYPE不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)裂七。

2皆看、行內(nèi)元素有哪些?塊級元素有哪些背零?

(1)CSS規(guī)范規(guī)定腰吟,每個元素都有display屬性,確定該元素的類型徙瓶,每個元素都有默認(rèn)的display值毛雇,比如div默認(rèn)display屬性值為“block”,成為“塊級”元素侦镇;span默認(rèn)display屬性值為“inline”灵疮,是“行內(nèi)”元素。

(2)行內(nèi)元素有:a b span img input select strong(強(qiáng)調(diào)的語氣)塊級元素有:div ul ol li dl dt dd h1 h2 h3h4…p

3壳繁、link和@import的區(qū)別是震捣?

(1)link屬于XHTML標(biāo)簽,而@import是CSS提供的;

(2)頁面被加載的時闹炉,link會同時被加載蒿赢,而@import引用的CSS會等到頁面被加載完再加載;

(3)import只在IE5以上才能識別,而link是XHTML標(biāo)簽渣触,無兼容問題;

(4)link方式的樣式的權(quán)重高于@import的權(quán)重.

4羡棵、瀏覽器的內(nèi)核分別是什么?

IE瀏覽器的內(nèi)核Trident、Mozilla的Gecko嗅钻、Chrome的Blink(WebKit的分支)皂冰、Opera內(nèi)核原為Presto,現(xiàn)為Blink啊犬;

5、HTML5有哪些新特性壁查?如何處理HTML5新標(biāo)簽的瀏覽器兼容問題觉至?如何區(qū)分HTML和HTML5?

HTML5現(xiàn)在已經(jīng)不是SGML的子集睡腿,主要是關(guān)于圖像语御,位置,存儲席怪,多任務(wù)等功能的增加应闯。

繪畫canvas用于媒介回放的video和audio元素本地離線存儲localStorage長期存儲數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失挂捻;sessionStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除語意化更好的內(nèi)容元素碉纺,比如article、footer、header骨田、nav耿导、section表單控件,calendar态贤、date舱呻、time、email悠汽、url箱吕、search新的技術(shù)webworker, websockt, Geolocation

6、對語義化如何理解柿冲?

用正確的標(biāo)簽做正確的事情茬高!

HTML語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化,便于對瀏覽器姻采、搜索引擎解析雅采;在沒有樣式CCS情況下也以一種文檔格式顯示,并且是容易閱讀的慨亲。搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重婚瓜,利于SEO。使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊刑棵,便于閱讀維護(hù)理解巴刻。

7HTML5的離線儲存有幾種方式蛉签?

localStorage長期存儲數(shù)據(jù)胡陪,瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessionStorage數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除碍舍。

8柠座、iframe有那些缺點?

iframe會阻塞主頁面的Onload事件片橡;

iframe和主頁面共享連接池妈经,而瀏覽器對相同域的連接有限制,所以會影響頁面的并行加載捧书。使用iframe之前需要考慮這兩個缺點吹泡。如果需要使用iframe,最好是通過javascript動態(tài)給iframe添加src屬性值经瓷,這樣可以可以繞開以上兩個問題爆哑。

9、請描述一下cookies舆吮,sessionStoragelocalStorage的區(qū)別揭朝?

cookie在瀏覽器和服務(wù)器間來回傳遞队贱。sessionStorage和localStorage不會sessionStorage和localStorage的存儲空間更大;sessionStorage和localStorage有更多豐富易用的接口萝勤;sessionStorage和localStorage各自獨立的存儲空間露筒;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市敌卓,隨后出現(xiàn)的幾起案子慎式,更是在濱河造成了極大的恐慌,老刑警劉巖趟径,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瘪吏,死亡現(xiàn)場離奇詭異,居然都是意外死亡蜗巧,警方通過查閱死者的電腦和手機(jī)掌眠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來幕屹,“玉大人蓝丙,你說我怎么就攤上這事⊥希” “怎么了渺尘?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長说敏。 經(jīng)常有香客問我鸥跟,道長,這世上最難降的妖魔是什么盔沫? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任医咨,我火速辦了婚禮,結(jié)果婚禮上架诞,老公的妹妹穿的比我還像新娘拟淮。我一直安慰自己,他們只是感情好谴忧,可當(dāng)我...
    茶點故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布很泊。 她就那樣靜靜地躺著,像睡著了一般俏蛮。 火紅的嫁衣襯著肌膚如雪撑蚌。 梳的紋絲不亂的頭發(fā)上上遥,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天搏屑,我揣著相機(jī)與錄音,去河邊找鬼粉楚。 笑死辣恋,一個胖子當(dāng)著我的面吹牛亮垫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播伟骨,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼饮潦,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了携狭?” 一聲冷哼從身側(cè)響起继蜡,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎逛腿,沒想到半個月后稀并,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡单默,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年碘举,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片搁廓。...
    茶點故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡引颈,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出境蜕,到底是詐尸還是另有隱情蝙场,我是刑警寧澤,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布汽摹,位于F島的核電站李丰,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏逼泣。R本人自食惡果不足惜趴泌,卻給世界環(huán)境...
    茶點故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望拉庶。 院中可真熱鬧嗜憔,春花似錦、人聲如沸氏仗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽皆尔。三九已至呐舔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間慷蠕,已是汗流浹背珊拼。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留流炕,地道東北人澎现。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓仅胞,卻偏偏與公主長得像,于是被迫代替她去往敵國和親剑辫。 傳聞我的和親對象是個殘疾皇子干旧,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,440評論 2 359

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