当前位置： 移动技术网 > IT编程>网页制作>CSS > HTML篇(下·)

HTML篇(下·)

2018年01月01日  | 移动技术网IT编程  | 我要评论

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篇见~~~

　　

　　

　　　　

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网