1.什么是HTML5?
HTML5是最新的html標准。其主要的目標是將互聯網語義化，以便更好地被人類和機器閱讀，並同時提供更好地只是各種媒體的嵌入，HTML5的語法是向后兼容的。
設計目的：HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點，如video、audio和canvas標記。HTML5還引進了新功能，可以真正改變用戶和文檔的交互方式，包括：
1.新的解析規則增強了靈活性
2.新屬性
3.淘汰過時的或冗余的屬性
4.一個HTML5文檔到另一個文檔間的拖放功能。
（目前市場上智能手機使用量所占比例比較大）
2.HTML5中什么是不同的新的表單元素類型？
新的input類型有：
email(自動驗證email格式）
url（自動驗證url格式）
number（只能輸入數字）
range（類似於音量滑動條）
Date pickers(date,month,week,time,datetime.datetime-local)（自帶日期選擇）
color（顏色選擇，但兼容性還不太好）
search（搜索域，類似百度的類似搜索提示）
datalist（自動驗證內容是否在可選擇選項中）
telephone
3.HTML5的頁面結構同HTML4或者更前的HTML有什么區別？
（主要區別在於HTML5的標簽語義化）
一個典型的WEB頁面包含頭部、尾部、導航、中心區域、側邊欄。現在如歸我們想在在HTML4的HTML區域中顯示這些內容，我們可能要使用的是div標簽。但是在HTML5總我們可以通過為這些區域創建元素名稱使他們更加清晰，也使得你的HTML更加可讀。比如：
header---代表HTML的頭部
footer---代表HTML的尾部
nav---代表頁面的導航元素
article---代表文章包含的內容
section---使用內容article去定義區域或者把分組內容放到區域里
aside---代表頁面的側邊欄
4.哪些瀏覽器支持HTML5？
幾乎所有的高版本瀏覽器Safari，Chrome，Firefox，Opera，IE8以上的瀏覽器都支持HTML5
5.為什么HTML5里面我們不需要DTD？
DTD--Document Type Definition文檔類型定義
HTML5沒有使用SGML或者XHTML，它是一個全新的東西，因此不需要參考DTD，對於HTML5，你僅需放置下面的文檔類型diamante告訴瀏覽器識別這是HTML5文檔即可。
6.HTML5的離線儲存？
localStorage 長期存儲數據，瀏覽器關閉后數據不丟失
sessionStorage 數據在瀏覽器關閉后自動刪除
7.瀏覽器是怎么對HTML5的實現儲存資源進行管理和加載的呢？
在線的情況下，瀏覽器發現html頭部有manifest文件，如果是第一次訪問app，那么瀏覽器就會根據manifest文件的內容下載相應的資源並且進行離線存儲。如果已經訪問過app並且資源已經離線存儲了，那么瀏覽器就會使用離線的資源加載頁面，然后瀏覽器會對比新的manifest文件與舊的manifest文件，如果文件沒有發生改變，就不做任何操作，如果文件改變了，那么就會重新下載文件中的資源並進行存儲。
離線的情況下，瀏覽器就直接使用離線存儲的資源。
8.請描述一下cookies，sessionStorage和localStorage的區別？
a.cookies在瀏覽器和服務器間來回傳遞，sessionStorage和localStorage不會。
b.sessionStorage和localStorage的存儲空間更大
c.sessionStorage和localStorage有更多豐富易用的接口
d.sessionStorage和localStorage各自獨立的存儲空間
9.頁面可見性（Page Visibility）API可以有哪些用途？
在頁面被切換到其他后台進程的時候，自動暫停音樂和視頻的播放。
10.HTML5的form如何關閉自動完成功能？
給不想要提示的input設置autocomplete=off
11.一個div，要求實現當內容過少時，div的最低高度為200px，當內容較多時，div的高度被內容撐開。
設置min-height：200px；
12.實現一個布局，分左中右三欄，左欄固定寬為200px，右欄固定150px，中欄碎屏幕寬自動適應，寫出html和css（）
13.a標簽的四個偽類是什么？如何排序？為什么？
a標簽共有四個偽類，分別為active，hover，link，visited，他們分別表現了a的四種不同狀態
排序：為了產生預期的效果，在CSS定義中，hover必須位於link和visited之后，active又必須位於hover之后。
注釋：偽類的名稱對大小寫不敏感，且偽類可與CSS配合使用
14.如何實現浮動元素居中？
15.已知一個div內有一個img，兩者的高度均不知道，但圖片的高度一定小於div的高度，用CSS實現圖片在div內的垂直居中。
類似題目（淘寶UED：使用純CSS效果實現未知尺寸的圖片在200px的正方形容器中水平和垂直居中，圖片高寬均小於200px）
難點在於：
1.垂直居中
2.圖片是個置換元素，有些特殊的特性
16.HTML靜態頁面出現中文亂碼如何解決？
出現亂碼一般是因為編碼方式的問題，先檢查一下是utf-8還是gbk，適當修改
17.下列標簽既是行內屬性標簽又可以設置寬高的標簽是（d）
A.div B.span C.input Dimg E.h1
18.用一兩句話說一下你對“盒模型”這個概念的理解，和它都涉及到哪些CSS屬性
網頁設計中常聽到的盒模型所涉及到的屬性名：內容（content）、填充（padding）、邊框（border）、邊界（margin）
這些屬性我們可以用日常生活中的常見事物---盒子作為一個比喻來理解，所以叫它盒子模型
CSS盒子模型就是在網頁設計中經常用到的CSS技術所使用的一種思維模型。
19.外邊距、內邊距、邊框有幾種書寫方式，列舉說明
外邊距：margin
margin-top,margin-right,margin-bottom.margin-left;
簡易寫法：
margin:2px 4px
margin:2px 6px 10px
margin:1px 2px 3px 4px
內邊距：padding
padding-top,padding-right.padding-bottom,padding-left
簡易寫法：
padding:10px 一個值表示同時控制四個方向
padding:2px 4px 兩個值表示第一個值控制上下 第二個值控制左右
padding:2px 6px 10px 三個值表示第一個值控制上 第二個值控制右和左 第三個值控制下 左邊找右邊
padding:1px 2px 3px 4px 四個值表示每個值單獨控制上右下左
邊框：border
設置邊框樣式：border-style（none 不顯示邊線，dotted 點線，dashed 虛線，solid 實線，double 雙線）
設置邊框的粗細：border-width（像素或者百分比）
設置邊框的顏色：border-color（）
簡易寫法：長度 樣式 顏色
注意：設置邊框的顏色和長度之前必須先設置邊框的樣式，因為邊框樣式默認是none不顯示邊框。
20.有上下兩個div，上一個div設置margin-bottom：10px，下一個div設置margin-top：5px；那么兩個div最后的間距是多少？
10px