一、HTML5的新特性

(1) 繪畫canvasjavascript

(2) 用于媒介回放的video和audio元素html

(3) 本地離線存儲localStorage長期存儲數據，瀏覽器關閉后數據不丟失html5

(4) sessionStorage的數據在瀏覽器關閉后自動刪除java

(5) 語義化更好的內容元素，好比article,footer,header,nav,sectionweb

(6) 表單控件，calendar,date,time,email,url等canvas

(7) 新的技術webworker,websockt,Geolocation數組

(8) 移出的元素瀏覽器

a.純表現的元素：basefont,big,center,font等緩存

b.產生負面影響的元素：frame frameset等服務器

(9) ie8 7 6 支持經過document.createElemet 方法產生新的標簽，能夠利用這 一特性讓這些瀏覽器支持html5新標簽

二、語義化的理解

*HTML語義化就是讓頁面的內容結構化，便于對瀏覽器、搜索引擎解析；

*在沒有樣式CSS狀況下也以一種文檔格式顯示，而且是容易閱讀的；

*搜索引擎的爬蟲依賴于標記來肯定上下文和各個關鍵字的權重，利于SEO。

*使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。

三、jQuery與jQuery UI有啥區別？

(1)jQuery是一個js庫，主要提供的功能是選擇器，屬性修改和事件綁定等等。

(2)jQuery UI則是在jQuery的基礎上，利用jQuery的擴展性，設計的插件。提供了一些經常使用的界面元素，諸如對話框、拖動行為、改變大小行為等等。

四、閉包

因為函數內部定義變量做用域問題，若是外部想用這個內部函數建立的一個變量；那就須要在這個函數內部在建立一個函數，建立的這個函數至關于一個橋梁把內部外部函數的變量拋出，這樣就解決了不能訪問這個變量的問題，那這個內部函數就稱為閉包。

閉包的特性：

a.函數內再嵌套函數

b.內部函數能夠引用外層的參數和變量

c.參數和變量不會被垃圾回收機制回收

歸納的說,閉包就是可以讀取其余函數內部變量的函數，在本質上，它是將函數內部和函數外部鏈接起來的一座橋梁。

五、Typeof的做用

1、對于數字類型的操做數而言， typeof 返回的值是 number。好比說：typeof(1)，返回的值就是number。

上面是舉的常規數字，對于很是規的數字類型而言，其結果返回的也是number。好比typeof(NaN)，NaN在JavaScript中表明的是特殊非數字值，雖然它自己是一個數字類型。在JavaScript中，特殊的數字類型還有幾種：Infinity 表示無窮大特殊值

2、對于字符串類型， typeof 返回的值是 string。好比typeof(“123”)返回的值是string。

3、對于布爾類型， typeof 返回的值是 boolean 。好比typeof(true)返回的值是boolean。

4、對于對象、數組、null 返回的值是 object 。好比typeof(window)，typeof(document)，typeof(null)返回的值都是object。

5、 對于函數類型，返回的值是 function。好比：typeof(eval)，typeof(Date)返回的值都是function。

6、如 果運算數是沒有定義的(好比說不存在的變量、函數或者undefined)，將返回undefined。好比：typeof(sss)、typeof(undefined)都返回undefined

六、常見的狀態碼分別表示什么

1**(信息類):接受到請求而且繼續處理

2**(響應成功):表示動做被成功接受，理解和接受

200 -表示請求被成功完成，請求的資源發送回客戶端

202 -接受和處理，但處理未完成

203 -返回信息不肯定或不完整

204 -請求收到，但返回信息為空

3**(重定向):為了完成指定的動做，必須接受進一步處理

300 -請求的資源可在多處獲得

301 -本頁面被永久性轉移到另外一個URL

304 -自從上次請求后，請求的網頁未修改過，服務器返回此響應時，不會返回網頁內容，表明上次的文檔已經被緩存了，還能夠繼續使用

305 -請求的資源必須從服務器指定的地址獲得

4**(客戶端錯誤類)

400 -客戶端請求語法錯誤，不能被服務器所理解

403 -禁止訪問，服務器收到請求，可是拒絕提供服務

404 -服務器沒法取得所請求的網頁，請求資源不存在。

七、JavaScript異步加載方案

function loadScript(url, callback){

var script = document.createElement("script")

script.type = "text/javascript";

if (script.readyState){ //IE

script.onreadystatechange = function(){

if (script.readyState == "loaded" || script.readyState == "complete"){

script.onreadystatechange = null;

callback();

}

};

} else { //Others: Firefox, Safari, Chrome, and Opera

script.onload = function(){

callback();

};

}

script.src = url;

document.body.appendChild(script);

}

8，CSS選擇符有哪些？哪些屬性能夠繼承？

* 1.id選擇器( # myid)

2.類選擇器(.myclassname)

3.標簽選擇器(div, h1, p)

4.相鄰選擇器(h1 + p)

5.子選擇器(ul > li)

6.后代選擇器(li a)

7.通配符選擇器( * )

8.屬性選擇器(a[rel = “external”])

9.偽類選擇器(a:hover, li:nth-child)

* 可繼承的樣式： font-size font-family color, UL LI DL DD DT;

* 不可繼承的樣式：border padding margin width height ;

9，介紹一下你對瀏覽器內核的理解？

主要分紅兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

(1)渲染引擎：負責取得網頁的內容(HTML、XML、圖像等等)、整理訊息(例如加入CSS等)，以及計算網頁的顯示方式，而后會輸出至顯示器或打印機。瀏覽器的內核的不一樣對于網頁的語法解釋會有不一樣，因此渲染的效果也不相同。全部網頁瀏覽器、電子郵件客戶端以及其它須要編輯、顯示網絡內容的應用程序都須要內核。

(2)JS引擎則：解析和執行javascript來實現網頁的動態效果。

最開始渲染引擎和JS引擎并無區分的很明確，后來JS引擎愈來愈獨立，內核就傾向于只指渲染引擎。

總結

以上是生活随笔為你收集整理的html5常见面试题,HTML5常见面试题及答案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。