干貨
一驮宴、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)站不能使用哄芜。