HTML部分
1、Doctype作用？有多少種Doctype文檔類型？嚴格模式與混雜模式如何區分？
答：標籤用來定義瀏覽器用哪種模式進行排版和js運行，它只能聲明在HTMl標籤的上面；如果不加這個標籤會導致文檔會以混雜模式來渲染；
共有多少種DOCTYPE文檔類型？
HTML5：只有一種文檔類型，即：
HTML4.0.1引用了DTD，有三種文檔類型，strict、transitional、frameset
混雜模式：頁面用最寬鬆的方式向後兼容顯示；模擬老的瀏覽器防止站點無法訪問；
嚴格模式：文檔的排版佈局方式和js運行方式都按照瀏覽器能支持的最高標準來進行；用來呈現遵循最高標準的網頁；
2、文本流和文檔流的含義區別
文檔流：將窗體分成一行一行，讓文檔中可以顯示的元素從左到右，從上到下依次顯示，就是文檔流；但是注意塊級元素會獨自佔有一行；
文本流：是文字的一種順序排列方式，從左到右，從上到下；
文檔流和文本流的區別：文檔流是相對盒子模型來說的，文本流是相對段落來說的；當元素浮動時，會脫離文檔流，將不佔據任何文檔流空間，浮動元素的定位仍然相對文檔流，從文檔流抽出來挪動到一行的左側或者右側；但是文字卻認同浮動元素所佔有的空間，
文字會圍繞浮動元素進行佈局，浮動元素沒有脫離文本流；
絕對定位和相對定位既脫離的文檔流，又脫離了文本流；
3、對web語義化的理解：
- 當樣式失去的時候，語義化的書寫會讓頁面結構仍然保持清晰；
- 有利於SEO：語義化的書寫讓頁面有效信息被搜索引擎所搜到；
- 方便其他設備解析（閱屏器，盲人閱讀器，移動設備）以有意義的方式進行；
- 提高可讀性：語義化的書寫提高了代碼的可讀性，提高團隊的效益；
4、 alt和title的區別：
- title 是html的一個全局屬性，是對元素的一個解釋說明，當鼠標劃過該元素時，title屬性的值會展示；
- alt是img元素的一個屬性，當圖片無法加載時顯示alt屬性的值，用來對圖片進行描述，即使圖片未展示，人們也能知道圖片的大概內容，更加具有可讀性；另一方面，alt屬性的值能被搜索引擎捕捉到，所以儘量讓alt屬性值有意義；
5、HTML全局屬性(global attribute)有哪些?
accesskey: 爲元素設置快捷鍵；
class：類名；
contenteditable：文本是否能編輯；
contextmenu： 自定義右鍵彈出菜單；
data-*：爲元素添加自定義屬性；
dir：設置元素的排列方向；
draggable： 元素是否可以拖拽；
dragzone：設置拖放的方式，copy，move，link等；
hidden：設置一個元素是否顯示；
id：設置元素唯一的標誌id；
lang：設置元素內容的語言；
spellcheck：是否對元素內容進行拼寫檢查；
style: 行內css樣式 ；
tabindex：表示元素可以通過tab鍵來控制選中；
title: 元素相關的建議信息 ；
translate: 規定是否應該翻譯元素內容；
6、行內元素和塊元素有哪些？這兩者有什麼區別？
行內元素有：a,span,img,strong,em,input
塊級元素有：div,h1~h6,ul,li,tl,td,tr,p等
區別：
- 行內元素不能設置heigh，width，但是，高度可以通過line-height來設置；
- 行內元素不能設置margin-left,margin-right,padding-right,padding-left;
7、html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分HTML和HTML5？
繪畫：canvas標籤；
音頻：audio標籤；
本地存儲的API：localStorage、sessionStorage；
語義化標籤：article、footer、header、nav、section；
表單控件：date、calendar、time、email、url、search；
新的技術webworker, websocket, Geolocation;
css部分：
一、css sprites
CSS
Sprites在國內很多人叫css精靈，是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。
利用CSS的“background-image”，“background-
repeat”，“background-position”的組合進行背景定位，background-position可以用數字精確的定位出背景圖片的位置。
利用CSS Sprites能很好地減少網頁的http請求，從而大大的提高頁面的性能，這也是CSS
Sprites最大的優點，也是其被廣泛傳播和應用的主要原因； CSS
Sprites能減少圖片的字節，曾經比較過多次3張圖片合併成1張圖片的字節總是小於這3張圖片的字節總和。所以C錯誤
解決了網頁設計師在圖片命名上的困擾，只需對一張集合的圖片上命名就可以了，不需要對每一個小元素進行命名，從而提高了網頁的製作效率。
更換風格方便，只需要在一張或少張圖片上修改圖片的顏色或樣式，整個網頁的風格就可以改變。維護起來更加方便
