Web前端開發筆試題

前端對於網站來說，通常是指網站的前臺部分，包括網站的表現層和結構層。下面就由本站小編爲大家介紹一下Web前端開發筆試題的文章，歡迎閱讀。

Web前端開發筆試題篇1

1、什麼是web標準?

WEB標準不是某一個標準，而是一系列標準的集合。網頁主要由三部分組成：結構(Structure)、表現(Presentation)和行爲(Behavior)。對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行爲標準主要包括對象模型(如W3C DOM)、ECMAScript等。這些標準大部分由W3C起草和發佈，也有一些是其他標準組織制訂的標準，比如ECMA(European Computer Manufacturers Association)的ECMAScript標準。

2、XHTML與HTML有什麼區別?你覺得應該使用哪一個，並說出理由。

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

標籤不能重疊,可以嵌套

標籤與屬性都要小寫

標籤都要有始有終,要麼以

形式結束,要麼以

形式結束

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

別用name用id

3、請解釋一下DOCTYPE的作用，有DOCTYPE和沒有DOCTYPE有什麼區別?

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

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

Web前端開發筆試題篇2

1、嚴格模式與混雜模式——如何觸發這兩種模式，區分它們有何意義。

當瀏覽器廠商開始創建與標準兼容的瀏覽器時，他們希望確保向後兼容性。爲了實現這一點，他們創建了兩種呈現模式：標準模式和混雜模式。在標準模式中，瀏覽器根據規範呈現頁面;在混雜模式中，頁面以一種比較寬鬆的向後兼容的方式顯示。混雜模式通常模擬老式瀏覽器的行爲以防止老站點無法工作。

瀏覽器根據DOCTYPE是否存在以及使用的哪種DTD來選擇要使用的呈現方法。如果XHTML文檔包含形式完整的DOCTYPE，那麼它一般以標準模式呈現。對於HTML4.01文檔，包含嚴格DTD的DOCTYPE常常導致頁面以標準模式呈現。包含過渡DTD和URI的DOCTYPE也導致頁面以標準模式呈現，但是有過渡DTD而沒有URI會導致頁面以混雜模式呈現。DOCTYPE不存在或形式不正確會導致HTML和XHTML文檔以混雜模式呈現。

根據DOCTYPE是否存在選擇呈現模式，被稱爲DOCTYPE切換或DOCTYPE偵測。

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

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

Web前端開發筆試題篇3

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

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

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

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

1)使用空標籤

2)使用overflow屬性

3)使用after僞對象