[Test_HTML5] HTML5筆試題3

做爲一名前端開發人員，HTML，HTML5以及網站優化都是必須掌握的技術，下面列舉一下HTML， HTML5, 網站優化等常見的面試題：

HTML常見面試題：

1. 什麼是Semantic HTML（語義HTML）?

Semantic HTML是一種編碼風格, 它經過添加可以被計算器所理解的語義(Meta data)，從而使HTML成爲一個通用的信息交換媒介。在語義HTML中，<b></b>,<i></i>這類其中的內容不具備實際意義的標籤是不該該被使用的，由於他們只是爲了進行格式化，沒有提供要表達的意義及頁面結構。

2. DOCTYPE 有什麼做用？

DOCTYPE主要做用是告訴瀏覽器這個網頁是哪一種HTML， 瀏覽器根據這個標示進行頁面渲染。若是DOCTYPE聲明不當或沒有聲明，瀏覽器將會用quirks mode（怪異模式）對頁面進行渲染。

3. 什麼是quirks mode（怪異模式）？

怪異模式（英語：quirks mode）是指在計算機領域中，一些網頁瀏覽器爲了維持對較舊的網頁設計的向後兼容性，而使用的一種技術，有別於嚴格遵循萬維網聯盟（W3C）與互聯網工程任務組（IETF）標準而設計的「標準模式」。

4. 標準模式和怪異模式之間的區別是什麼？

二者之間突出的不一樣是對 CSS IE盒模型缺陷的處理。在IE6以前，Internet Explorer 曾經使用一種決定一個元素的盒模型的寬度和高度的，與 CSS 規範所指定相沖突的算法，並且因爲 Internet Explorer 的流行，不少依賴於這種不正確的算法的網頁被建立。而在IE 6, Internet Explorer 在標準模式下渲染時使用了 CSS 規範的算法，而在 quirks 模式下使用先前的，不規範的算法。
另外一個值得一提的不一樣點是某些行內 (inline) 元素的垂直對齊；不少早期的瀏覽器對齊圖片至包含它們的盒子的下邊框，雖然 CSS 的規範要求它們被對齊至盒內文本的基線。標準模式下，基於 Gecko 的瀏覽器將會對齊至基線，而在 quirks 模式下它們會對齊至底部。

HTML5常見面試題：

1. html5有哪些新的頁面元素？

主要有<article>, <aside>, <bdi>, <command>, <details>, <figure>, <figcaption>, <summary>, <header>, <footer>, <hgroup>, <mark>, <meter>, <nav>, <progress>, <ruby>, <rt>, <section>, <time>, 和<wpr>

2. HTML5去除了哪些頁面元素？

<frame> 和 <frameset>，另一些不在支持的元素包括<noframe>, <applet>, <bigcenter> 和<basefront>.

3. HTML5有哪些新的表單元素？

datalist, datetime, output, keygen, date, month, week, time, number, range, email, 和 url.

4. HTML5增長了哪些標準的API?

Media API, Text Track API, Application Cache API, User Interaction, Data Transfer API, Command API, Constraint Validation API, 和  History API.

5.  HTML5 和老的 HTML之間的緩存機制有什麼不一樣？

HTML5 有了一個新的Application Cache, 它爲web應用建立了一個離線的緩存，包括HTML文件、CSS、圖片和JS等，能提升訪問性能。