HTML面試題(一)

干貨

一驮宴、doctype 的作用艘希?嚴(yán)格模式與混雜模式如何區(qū)分公条?它們有何意義拇囊?

doctype是document type的縮寫(xiě),聲明于文檔的最前面且并不屬于html的標(biāo)簽靶橱。
作用是告知瀏覽器的解析器是用html規(guī)范還是使用xhtml的規(guī)范來(lái)解析頁(yè)面寥袭。
嚴(yán)格模式又稱為標(biāo)準(zhǔn)模式,是以W3C的標(biāo)準(zhǔn)來(lái)解析代碼关霸,如果正確書(shū)寫(xiě)<!doctype>標(biāo)簽則代表嚴(yán)格模式传黄。
混雜模式又稱為怪異模式或兼容模式,是指瀏覽器按照自己的方式來(lái)解析代碼队寇,如果不書(shū)寫(xiě)<!doctype>標(biāo)簽或書(shū)寫(xiě)錯(cuò)誤則會(huì)造成混雜模式膘掰。


二、行內(nèi)元素有哪些佳遣?塊級(jí)元素有哪些识埋?空(void)元素有哪些?

行內(nèi)元素:a零渐,b窒舟,em,i诵盼,input惠豺,apan银还,strong蛹疯,textarea等热监。
塊級(jí)元素:div捺弦,ul狼纬,li,dl疗琉,dd冈欢,dt盈简,ol柠贤,p臼勉,h1,h2囱晴,h3瓢谢,h4氓扛,h5,h6等千所。
空元素:空元素就是單閉合標(biāo)簽淫痰。
br理茎,img,input朗鸠,link烛占,meta等沟启。


三德迹、頁(yè)面導(dǎo)入樣式時(shí),使用link和@import的有什么區(qū)別卸例?

link屬于XHTML標(biāo)簽筷转,而@import時(shí)有CSS提供的悬而。
link是在頁(yè)面加載的時(shí)候同時(shí)進(jìn)行的笨奠,@import是頁(yè)面加載完成之后才會(huì)執(zhí)行的艰躺。
link不存在兼容問(wèn)題,而@import只有在IE5以上才能使用左电。
link的優(yōu)先級(jí)高于@import
link可以通過(guò)js改變樣式篓足,而@import不支持


四闰蚕、瀏覽器的內(nèi)核

五大瀏覽器為:谷歌(以前是Webkit內(nèi)核没陡,現(xiàn)在是Blink內(nèi)核)索赏,火狐(Gecko)潜腻,IE(Trident)器仗,蘋(píng)果(Webkit)精钮,歐鵬(Blink)
內(nèi)核可以分為兩部分:渲染引擎和js引擎
渲染引擎:獲取html轨香,css,圖片等檀夹,瀏覽器不同策橘,內(nèi)核就不同丽已,渲染的方式就不同沛婴,進(jìn)而渲染的效果也不一樣。
js引擎:解析和執(zhí)行js代碼泻蚊,來(lái)實(shí)現(xiàn)動(dòng)態(tài)效果性雄。


五秒旋、HTML5的新特性

HTML5現(xiàn)在已經(jīng)不是SGML的子集诀拭,主要是關(guān)于圖像耕挨,位置,存儲(chǔ)贪庙,多任務(wù)功能的增加插勤。
新特性有
1.繪畫(huà)canvas
2.video和audio
3.本地離線存儲(chǔ)农尖,localstorage和sessionstorage
4.語(yǔ)義化標(biāo)簽:footer良哲,header筑凫,nav
5.表單控件


六巍实、HTML語(yǔ)義化的理解

用正確標(biāo)簽做正確的事,語(yǔ)義化能讓頁(yè)面更結(jié)構(gòu)化令漂,便于瀏覽器搜索引擎的解析叠必,在沒(méi)有css的情況也能以文檔格式顯示纬朝,便于理解和閱讀骄呼,以及閱讀源碼的人更容易將網(wǎng)站分塊谒麦,便于閱讀理解和維護(hù)绕德。


七耻蛇、描述一下cookis胞此,sessionStorage漱牵,localStorage的區(qū)別

cookis是一個(gè)保存在用戶本地的文件酣胀,可以被瀏覽器禁用掉闻镶,不安全丸升,大小只有4kb狡耻,可以設(shè)置過(guò)期時(shí)間夷狰。
sessionStorage和localStorage是由H5提供的沼头,相對(duì)cookie來(lái)說(shuō)存儲(chǔ)空間大很多瘫证,相對(duì)安全,前者是在瀏覽器關(guān)閉時(shí)刪除毙籽,后者則會(huì)始終保存坑赡。
cookie的數(shù)據(jù)會(huì)自動(dòng)傳到服務(wù)器毅否,服務(wù)器也可以寫(xiě)cookie到客戶端螟加,后兩者則不會(huì)發(fā)送到服務(wù)器捆探,只能在本地保存。


八曾雕、iframe有哪些缺點(diǎn)

iframe在H5時(shí)被舍棄剖张。
多頁(yè)面不易于管理修械,代碼復(fù)雜部分搜索引擎無(wú)法解讀,兼容性差吨枉,增加請(qǐng)求大型網(wǎng)站不能使用哄芜。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末圃庭,一起剝皮案震驚了整個(gè)濱河市剧腻,隨后出現(xiàn)的幾起案子书在,更是在濱河造成了極大的恐慌儒旬,老刑警劉巖栈源,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件甚垦,死亡現(xiàn)場(chǎng)離奇詭異制轰,居然都是意外死亡垃杖,警方通過(guò)查閱死者的電腦和手機(jī)调俘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)肤无,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)宛渐,“玉大人窥翩,你說(shuō)我怎么就攤上這事鳞仙」骱茫” “怎么了借笙?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵姚垃,是天一觀的道長(zhǎng)积糯。 經(jīng)常有香客問(wèn)我看成,道長(zhǎng)跨嘉,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮降瞳,結(jié)果婚禮上挣饥,老公的妹妹穿的比我還像新娘沛膳。我一直安慰自己锹安,他們只是感情好叹哭,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著泊交,像睡著了一般柱查。 火紅的嫁衣襯著肌膚如雪唉工。 梳的紋絲不亂的頭發(fā)上淋硝,一...
    開(kāi)封第一講書(shū)人閱讀 51,554評(píng)論 1 305
  • 那天竿报,我揣著相機(jī)與錄音烈菌,去河邊找鬼芽世。 笑死济瓢,一個(gè)胖子當(dāng)著我的面吹牛葬荷,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播举反,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼魁索!你這毒婦竟也來(lái)了粗蔚?” 一聲冷哼從身側(cè)響起鹏控,我...
    開(kāi)封第一講書(shū)人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎缘揪,沒(méi)想到半個(gè)月后找筝,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體呻征,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡陆赋,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年赖临,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了兢榨。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吵聪。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖块攒,靈堂內(nèi)的尸體忽然破棺而出佃乘,到底是詐尸還是另有隱情,我是刑警寧澤庞呕,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站澎羞,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏枫攀。R本人自食惡果不足惜来涨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一蹦掐、第九天 我趴在偏房一處隱蔽的房頂上張望技羔。 院中可真熱鬧,春花似錦卧抗、人聲如沸藤滥。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)拙绊。三九已至,卻和暖如春泳秀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背嗜傅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工金句, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人磺陡。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓趴梢,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親币他。 傳聞我的和親對(duì)象是個(gè)殘疾皇子坞靶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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

  • 原文鏈接:https://www.3mooc.com/front/articleinfo/203 1. Docty...
    三人行慕課閱讀 545評(píng)論 0 0
  • 前言 首先說(shuō)清楚一點(diǎn),這些題是我從其他人的帖子上面找到的蝴悉,但是答案都是經(jīng)過(guò)個(gè)人經(jīng)驗(yàn)以及google得到的彰阴,所以答案...
    sallerli1閱讀 493評(píng)論 0 2
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)拍冠?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評(píng)論 0 8
  • 前端開(kāi)發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化尿这,入門(mén)級(jí)到專(zhuān)家級(jí),廣度和深度都會(huì)有所增加庆杜。 題目類(lèi)型: 理論知...
    怡寶丶閱讀 2,583評(píng)論 0 7
  • 請(qǐng)參看我github中的wiki射众,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評(píng)論 2 19