13.Label的作用是什麼？是怎麼用的？ label標簽來定義表單控制間的關係，當用戶選擇該標簽時，瀏覽器會自動將焦點轉到和標簽相關的表單事件上。 <label for="Name">Number:</label> <input type="text" name="Name" id="Name"/ ...
13.Label的作用是什麼？是怎麼用的？
label標簽來定義表單控制間的關係，當用戶選擇該標簽時，瀏覽器會自動將焦點轉到和標簽相關的表單事件上。
<label for="Name">Number:</label>
<input type="text" name="Name" id="Name"/>
<label>Date:<input type="text" name="B"></label>
14.如何實現瀏覽器多個標簽頁之間的通信？
websocket ,ShareWorker;
也可以調用localStorage,cookies等本地存儲方式；
localStorage另一個瀏覽器上下文里被添加，修改或刪除時，它都會觸發一個事件，我們通過監聽事件，控制它的值來進行頁面信息通信；
通過quirks:Safari在無痕模式下設置localStorage值時會拋出QuotaExceededError的異常;
15.如何在頁面上實現一個圓形的可點擊區域？
1.map+area或者svg
2.border-radius
3.純JS實現，需要求一個點在不在圓上簡單演算法、獲取滑鼠坐標等等
16.title與h1的區別、b與storage的區別、i與em的區別？
title屬性沒有明確意義只表示是個標題，H1則表示層次明確的標題，對頁面信息的抓取也有很大的影響
strong是標明重點內容，有語氣加強的含義，使用閱讀設備閱讀網路的時：<strong>會重讀，而<B>是展示強調內容。
i內容展示為斜體，em表示強調的文本
註：應該準確使用語義樣式標簽，但不能濫用，如果不能確定時首選使用自然樣式標簽。
17.常見的相容性問題？
1>png24位的圖片在IE6瀏覽器上出現背景，解決方案是做成PNG8.
2>瀏覽器預設的margin和padding不同。。解決方案是加一個全局的*{margin:0;padding:0;}來統一。
3>IE6雙邊距bug:塊屬性標簽float後，又有橫行的margin情況下，在ie6顯示margin比設置的大。
4>浮動ie產生的雙倍距離#box{float:left;width:10px;margin:0 0 0 10px;}.這種情況下ie會產生20px的距離，解決方案是在float的標簽樣式控制中加入_display:inline;將其轉化為行內屬性。(_這個符號只有ie6識別)
5>漸進識別的方式，從總體中逐漸排除局部。首先，巧妙的使用“\9”這一標記，將ie瀏覽器將所有情況中分離出來。接著，再次使用"+"將ie8和ie7,ie6分離開來，這樣IE8已經獨立識別。
css
.bb{
background-color: #f1ee18;/*所有都識別*/
.background-color: #00deff\9;/*ie6,7,8識別*/
+background-color: #a200ff;/*ie6,7識別*/
_background-color: #a200ff;/*ie6識別*/
}
5>IE下，可以使用獲取常規屬性的方法來獲取自定義屬性。也可以使用getAttribute()獲取自定義屬性；
FF下，只能使用getAttribute()來獲取自定義屬性；
解決方法：都使用getAttribute()來獲取自定義屬性；
6>IE下，event對象有x,y屬性，但是沒有pageX,pageY屬性；
FF下，event對象有pageX,pageY屬性，但沒有x,y屬性。
解決方案：(條件註釋)缺點是在ie瀏覽器下可能會增加額外的HTTP請求次數。
7>Chrome中文界面下預設會將小於12px的文本強制按照12px顯示，可通過加入css屬性-webkit-text-size-adjust:none;解決。
8>超鏈接訪問過後hover樣式就不出現了，被點擊訪問過的超鏈接樣式不在具有hover和active了
解決方法：改變css的屬性排列順序 L-V-H-A
9>相容問題還有很多，我已經寫得不耐煩了，就先這樣吧~~~
18.你知道多少中Doctype文檔類型？
該標簽可聲明三種DTD類型，分別表示嚴格版本，過渡版本以及基於框架的HTML文檔
HTML4.01規定了三種文檔類型:Strict,Transition以及Frameset
XHTML1.0規定了三種XML文檔類型：Strict,Transition以及Frameset
Standards模式用於呈現遵循最新標準的網頁，而Quirks用於呈現為傳統瀏覽器而設計的網頁
19.HTML與XHTML的區別？
區別:
1>所有的標記都必須有一個相應的結束標記
2>所有標簽的元素和屬性的名字都必須小寫
3>所有的XML標記都必須合理嵌套
4>所有的屬性必須用引號""括起來
5>把所有<和&特殊符號用編碼表示
6>給所有屬性賦一個值
7>不要在註釋內容中使用”——“
8>圖片必須有說明文字
20.<img>的title和alt有什麼區別？
title是global attribute屬性之一，用於為元素提供附加的advisory information.通常當滑鼠滑動到元素上的時候顯示
alt是img的特有屬性，是圖片內容的等價描述，用於圖片無法載入時顯示，讀屏器閱讀圖片。可提高圖片的可訪問性，除了純裝飾圖片外都必須設置有意義的值，搜索引擎會重點解析。
HTML篇，在這裡就要跟大家說再見了，下集CSS篇見~~~
