HTML部分
1. Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?
答:Doctype主要有告訴瀏覽器使用什么樣的html或xhtml規范來解析html文檔;對瀏覽器的渲染模式產生影響;不同的渲染模式會影響到瀏覽器對于 CSS 代碼甚至JavaScript 腳本的解析,所以Doctype是非常關鍵的,尤其是在 IE 系列瀏覽器中,由DOCTYPE 所決定的 HTML 頁面的渲染模式至關重要。
現代瀏覽器包括不同的呈現模式,目的是既支持遵循標準的網頁,也支持為老式瀏覽器而設計的網頁。其中, CSSCompat (標準)模式(也就是嚴格呈現模式)用于呈現遵循最新標準的網頁,而 Quirks (混雜)模式(也就是兼容模式)用于呈現為傳統瀏覽器而設計的網頁。
2.HTML5 為什么只需要寫 <!DOCTYPE html>?
答:當頁面添加了<!DOCTYPE html>,那么就等同于開啟了標準模式,瀏覽器將按照W3C的標準解析渲染頁面。
3. 行內元素有哪些?塊級元素有哪些? 空(void)元素有那些?
答:行內元素有:a b span img input select strong
塊級元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p
空元素:即系沒有內容的HTML元素,br hr img input link meta area base col command embed keygen param source track wbr
4. 頁面導入樣式時,使用link和@import有什么區別?
答:區別1:link是XHTML標簽,除了加載CSS外,還可以定義RSS等其他事務;@import屬于CSS范疇,只能加載CSS。
區別2:link引用CSS時,在頁面載入時同時加載;@import需要頁面網頁完全載入以后加載。
區別3:link是XHTML標簽,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。
區別4:link支持使用Javascript控制DOM去改變樣式;而@import不支持。