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ù)理解巴刻。
7、HTML5的離線儲存有幾種方式蛉签?
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舆吮,sessionStorage和localStorage的區(qū)別揭朝?
cookie在瀏覽器和服務(wù)器間來回傳遞队贱。sessionStorage和localStorage不會sessionStorage和localStorage的存儲空間更大;sessionStorage和localStorage有更多豐富易用的接口萝勤;sessionStorage和localStorage各自獨立的存儲空間露筒;