前端笔试知识点总结（2）

1、标签语义化的概念：主要围绕几个标签，如标题（h1~h6）、列表（li）、强调（strong）等。标签的语义化是根据内容的结构化，选择合适的标签，便于开发者阅读，便于浏览器更好的解析；

2、标签语义化的作用：

　　1）在为了没有css的情况下，页面也能购呈现出良好的内容结构、代码结构，保证正常的用户体验；

　　2）有利于搜索引擎优化（SEO），便于浏览器更好的抓取有效信息；

　　3）使得页面结构更加易读，便于开发团队更好的进行代码维护；

3、IE浏览器和火狐浏览器中CSS的一些区别：

　　1）火狐浏览器中，非float的div前面有同一父级的float的div，并且后者有背景图，则要使用clear:both，才能显示背景图，IE中不用这样设置；

　　2）任何距离的数值ie可以不加单位，ff必须要求写单位（0除外） ，可以写全单位如padding:0px; 

　　3）div里的内容，ie默认为center，而ff默认left ，解决方法是设置mairgin:0px auto; 

　　4）在[text-decoration:underline]的属性下，IE6.0显示的下划线会比FireFox低一点。在FireFox中，部分笔画会在下划线的下面1个象素左右。

3、w3c标准:指的不是一个标准，而是一系列的标准，有万维网联盟指定。网页由三部分组成：结构、表现、行为。结构化语言主要是XHTML和XML，表现语言主要是CSS，行为语言主要包括对象模型（DOM、BOM）、ECMAScript等；

4、media queries中

　　适配iphone6的是．@media(min-device-width:375px) and(max-device-width:667px) and(-webkit-min-device-pixel-ratio:2){};

　　适配iphone6s的是．@media(min-device-width:414px) and(max-device-width:736px) and(-webkit-min-device-pixel-ratio:3){}

转载于:https://www.cnblogs.com/wang-bo/p/7084084.html