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;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: #00deff9;/*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篇见~~~