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偽物件