html、css和js面試題

《html、css和js面試題》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、Html篇：1.你做的頁(yè)面在哪些流覽器測(cè)試過(guò)？這些瀏覽器的內(nèi)核分別是什么?·?IE:?trident內(nèi)核·?Firefox：gecko內(nèi)核·?Safari:webkit內(nèi)核·?Opera:以前是presto內(nèi)核，Opera現(xiàn)已改用GoogleChrome的Blink內(nèi)核·?Chrome:Blink(基于webkit，Google與OperaSoftware共同開(kāi)發(fā))2.每個(gè)HTML文件里開(kāi)頭都有個(gè)很重要的東西，Doctype，知道這是干什么的嗎？答案：?聲明位于文檔中的最前面的位置，處于??標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種?HTML?或?XHTM

2、L?規(guī)范。（重點(diǎn)：告訴瀏覽器按照何種規(guī)范解析頁(yè)面）3.Quirks模式是什么？它和Standards模式有什么區(qū)別答案：從IE6開(kāi)始，引入了Standards模式，標(biāo)準(zhǔn)模式中，瀏覽器嘗試給符合標(biāo)準(zhǔn)的文檔在規(guī)范上的正確處理達(dá)到在指定瀏覽器中的程度。在IE6之前CSS還不夠成熟，所以IE5等之前的瀏覽器對(duì)CSS的支持很差，?IE6將對(duì)CSS提供更好的支持，然而這時(shí)的問(wèn)題就來(lái)了，因?yàn)橛泻芏囗?yè)面是基于舊的布局方式寫(xiě)的，而如果IE6?支持CSS則將令這些頁(yè)面顯示不正常，如何在即保證不破壞現(xiàn)有頁(yè)面，又提供新的渲染機(jī)制呢？在寫(xiě)程序時(shí)我們也會(huì)經(jīng)常遇到這樣的問(wèn)題，如何保證原來(lái)的接口不變，又提供更強(qiáng)大的功

3、能，尤其是新功能不兼容舊功能時(shí)。遇到這種問(wèn)題時(shí)的一個(gè)常見(jiàn)做法是增加參數(shù)和分支，即當(dāng)某個(gè)參數(shù)為真時(shí)，我們就使用新功能，而如果這個(gè)參數(shù)?不為真時(shí)，就使用舊功能，這樣就能不破壞原有的程序，又提供新功能。IE6也是類似這樣做的，它將DTD當(dāng)成了這個(gè)“參數(shù)”，因?yàn)橐郧暗捻?yè)面大家都不會(huì)去寫(xiě)DTD，所以IE6就假定?如果寫(xiě)了DTD，就意味著這個(gè)頁(yè)面將采用對(duì)CSS支持更好的布局，而如果沒(méi)有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。區(qū)別：總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個(gè)元素的寬度和高度，指的是元素內(nèi)容的寬度和高

4、度，而在Quirks?模式下，IE的寬度和高度還包含了padding和border。設(shè)置行內(nèi)元素的高寬：在Standards模式下，給等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效，而在quirks模式下，則會(huì)生效。設(shè)置百分比的高度：在standards模式下，一個(gè)元素的高度是由其包含的內(nèi)容來(lái)決定的，如果父元素沒(méi)有設(shè)置百分比的高度，子元素設(shè)置一個(gè)百分比的高度是無(wú)效的用margin:0?auto設(shè)置水平居中：使用margin:0?auto在standards模式下可以使元素水平居中，但在quirks模式下卻會(huì)失效。（還有很多，答出什么不重要，關(guān)鍵是看他答出的這些是不是自己經(jīng)

5、驗(yàn)遇到的，還是說(shuō)都是看文章看的，甚至完全不知道。）4.div+css的布局較table布局有什么優(yōu)點(diǎn)？·改版的時(shí)候更方便?只要改css文件?！ろ?yè)面加載速度更快、結(jié)構(gòu)化清晰、頁(yè)面顯示簡(jiǎn)潔?！け憩F(xiàn)與結(jié)構(gòu)相分離?！ひ子趦?yōu)化（seo）搜索引擎更友好，排名更容易靠前。5.a：img的alt與title有何異同？b：strong與em的異同？答案：a:·alt(alt?text):為不能顯示圖像、窗體或applets的用戶代理（UA），alt屬性用來(lái)指定替換文字。替換文字的語(yǔ)言由lang屬性指定。(在IE瀏覽器下會(huì)在沒(méi)有title時(shí)把a(bǔ)lt當(dāng)成?tool?tip顯示)·title(tool?tip

6、):該屬性為設(shè)置該屬性的元素提供建議性的信息。b:·strong:粗體強(qiáng)調(diào)標(biāo)簽，強(qiáng)調(diào)，表示內(nèi)容的重要性·em:斜體強(qiáng)調(diào)標(biāo)簽，更強(qiáng)烈強(qiáng)調(diào)，表示內(nèi)容的強(qiáng)調(diào)點(diǎn)6.你能描述一下漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)之間的不同嗎?·漸進(jìn)增強(qiáng)?progressive?enhancement：針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面，保證最基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗(yàn)。·優(yōu)雅降級(jí)?graceful?degradation：一開(kāi)始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。區(qū)別：優(yōu)雅降級(jí)是從復(fù)雜的現(xiàn)狀開(kāi)始，并試圖減少用戶體驗(yàn)的供給，而漸進(jìn)增強(qiáng)則是從一個(gè)非常基礎(chǔ)的，能夠起作用的

7、版本開(kāi)始，并不斷擴(kuò)充，以適應(yīng)未來(lái)環(huán)境的需要。降級(jí)（功能衰減）意味著往回看；而漸進(jìn)增強(qiáng)則意味著朝前看，同時(shí)保證其根基處于安全地帶?！皟?yōu)雅降級(jí)”觀點(diǎn)“優(yōu)雅降級(jí)”觀點(diǎn)認(rèn)為應(yīng)該針對(duì)那些最高級(jí)、最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。而將那些被認(rèn)為“過(guò)時(shí)”或有功能缺失的瀏覽器下的測(cè)試工作安排在開(kāi)發(fā)周期的最后階段，并把測(cè)試對(duì)象限定為主流瀏覽器（如?IE、Mozilla?等）的前一個(gè)版本。在這種設(shè)計(jì)范例下，舊版的瀏覽器被認(rèn)為僅能提供“簡(jiǎn)陋卻無(wú)妨?(poor,?but?pa