8.26study

1.页面导入样式时，使用link和@import有什么区别？

　　1.link属于HTML标签，而@import完全是CSS提供的一种方式。

　　2.加载顺序的差别，当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载，

　　3.兼容性的差别，@import是CSS2.1提出的所以老的浏览器不支持，@import只有IE5以上才能识别，而link无此问题。

　　4.使用dom控制样式，控制dom去修改样式的时候，只能使用link，因为@import不是dom可以控制的。

2.<img>标签上title属性与alt属性的区别？

　　1.title属性可以用在任何属性上，当用户把鼠标移到元素上时，就会出现title的内容，起到了对图片说明的作用。

　　2.alt属性：当图片加载不出来时，就会在图片未显示的地方出现一段文字，方便用户浏览页面。

3.请写出至少5个html5新增的标签，并说明其语义和应用场景

　　section

　　nav

　　header

　　footer

　　aside

4.HTML与XHTML二者有什么区别？

　　XHTML的语法规则逼HTML更为严格与苛刻

5.iframe的优缺点？

　　优点：

　　1.iframe能够原封不动的把嵌入的网页展现出来。

　　2.如果有多个引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每个页面内容的更改，方便快捷。

　　缺陷：

　　1.会产生很多页面，不容易管理。

　　2.很多的移动设备完全显示框架，设备兼容性。

　　3.ifram框架页面会增加服务器的http请求，对于大型网站实不可取的。

6.全屏滚动的原理是什么？用到了CSS的那些属性？

　　

7.什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？

 

8.：：before和：after中双冒号和单冒号的区别？解释一下这2个伪元素的作用？

　　单冒号是用于伪类，双冒号是用于CSS3伪元素。

9.怎么让Chorme支持小于12px的文字？
　　trasform：scale()这个属性可以缩放定义宽高的元素，而行内是没有宽高的，可以加上一个dispaly：inline-block。

10.简述一下你对语义化的理解？

　　⒈用正确的标签做正确的事情

　　⒉HTML语义化让页面的内容结构化，结构更清晰，便于对浏览器，搜索引擎解析；

　　⒊及时在没有样式CSS情况下也以一种文档格式显示，并且时任意阅读的；

　　⒋搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO；

　　⒌时阅读源代码的人对网站更容易将网站分块，便于阅读维护理解