Web前端開發(fā)筆試題

　　前端對于網(wǎng)站來說，通常是指網(wǎng)站的前臺部分，包括網(wǎng)站的表現(xiàn)層和結(jié)構(gòu)層。下面就由學(xué)習(xí)啦小編為大家介紹一下Web前端開發(fā)筆試題的文章，歡迎閱讀。

　　Web前端開發(fā)筆試題篇1

　　1、什么是web標(biāo)準(zhǔn)?

　　WEB標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁主要由三部分組成：結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。對應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對象模型(如W3C DOM)、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布，也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn)，比如ECMA(European Computer Manufacturers Association)的ECMAScript標(biāo)準(zhǔn)。

　　2、XHTML與HTML有什么區(qū)別?你覺得應(yīng)該使用哪一個，并說出理由。

　　XHTML1.0和HTML4.01之間的主要差異是它遵守XML編碼約定。

　　標(biāo)簽不能重疊,可以嵌套

　　標(biāo)簽與屬性都要小寫

　　標(biāo)簽都要有始有終,要么以

　　形式結(jié)束,要么以

　　形式結(jié)束

　　每個屬性都要有屬性值,并且屬性值要在雙引號中

　　別用name用id

　　3、請解釋一下DOCTYPE的作用，有DOCTYPE和沒有DOCTYPE有什么區(qū)別?

　　DOCTYPE聲明是指HTML文檔開頭處的一行或兩行代碼，它描述使用哪個DTD。DTD(文檔類型定義)是一組機器可讀的規(guī)則，它們定義XML或HTML的特定版本中允許有什么，不允許有什么。在解析網(wǎng)頁時，瀏覽器將使用這些規(guī)則檢查頁面的有效性并且采取相應(yīng)的措施。瀏覽器通過分析頁面的DOCTYPE聲明來了解要使用哪個DTD，由此知道要使用HTML的哪個版本。

　　DOCTYPE當(dāng)前有兩種風(fēng)格，嚴(yán)格(strict)和過渡(transitional)。過渡的目的是幫助開發(fā)人員從老版本遷移到新版本，仍然允許使用已經(jīng)廢棄的元素。嚴(yán)格版本禁止使用廢棄的元素，從而把內(nèi)容和表現(xiàn)分隔開。

　　Web前端開發(fā)筆試題篇2

　　1、嚴(yán)格模式與混雜模式——如何觸發(fā)這兩種模式，區(qū)分它們有何意義。

　　當(dāng)瀏覽器廠商開始創(chuàng)建與標(biāo)準(zhǔn)兼容的瀏覽器時，他們希望確保向后兼容性。為了實現(xiàn)這一點，他們創(chuàng)建了兩種呈現(xiàn)模式：標(biāo)準(zhǔn)模式和混雜模式。在標(biāo)準(zhǔn)模式中，瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面;在混雜模式中，頁面以一種比較寬松的向后兼容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。

　　瀏覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來選擇要使用的呈現(xiàn)方法。如果XHTML文檔包含形式完整的DOCTYPE，那么它一般以標(biāo)準(zhǔn)模式呈現(xiàn)。對于HTML4.01文檔，包含嚴(yán)格DTD的DOCTYPE常常導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)。包含過渡DTD和URI的DOCTYPE也導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過渡DTD而沒有URI會導(dǎo)致頁面以混雜模式呈現(xiàn)。DOCTYPE不存在或形式不正確會導(dǎo)致HTML和XHTML文檔以混雜模式呈現(xiàn)。

　　根據(jù)DOCTYPE是否存在選擇呈現(xiàn)模式，被稱為DOCTYPE切換或DOCTYPE偵測。

　　DOCTYPE切換是瀏覽器用來區(qū)分遺留文檔和符合標(biāo)準(zhǔn)的文檔的手段。無論是否編寫了有效的CSS，如果選擇了錯誤的DOCTYPE，那么頁面就將以混雜模式呈現(xiàn)，其行為就可能會有錯誤或不可預(yù)測。因此一定要在每個頁面上包含形式完整的DOCTYPE聲明，并且在使用HTML時選擇嚴(yán)格的DTD。

　　2、各種CSS樣式的簡寫。如padding，border，font等。

　　Web前端開發(fā)筆試題篇3

　　1、img的alt與title有何異同?strong與em的異同?

　　使用title屬性提供非本質(zhì)的額外信息。大部分的可視化瀏覽器在鼠標(biāo)懸浮在特定元素上時顯示title文字為提示信息(tool tip)。使用alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明。這包括那些使用本來就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶。替換文字是用來替代圖像而不是提供額外說明文字的。

　　em 是句意強調(diào)，加與不加會引起語義變化。strong 是重要性強調(diào)，和局部還是全局無關(guān)，局部強調(diào)用strong也可以，strong強調(diào)的是重要性，不會改變句意。并且在瀏覽器中，em 默認(rèn)用斜體表示，strong 用粗體表示。

　　2、清除浮動的方法，各有什么特點?

　　1)使用空標(biāo)簽

　　2)使用overflow屬性

　　3)使用after偽對象