前端笔试知识点总结(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-375px) and(max-device-667px) and(-webkit-min-device-pixel-ratio:2){};

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

做Web前端的代码猴
原文地址:https://www.cnblogs.com/wang-bo/p/7084084.html