HTML篇(下·)
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篇见~~~