40个问题【前10问】— 及答案

1、简述一下你对HTML语义化的理解？

HTML语义化：就是页面去掉样式或者加载失败的时候能够让页面呈现出清晰的结构。HTML5新增了好多语义化的标签，例如：header、footer、nav、menu、section、article等等
单单从字面上理解，就知道标签的含义。在写页面的时候，我们可以直接引用这些标签，不需要再用没有任何含义的div标签了，对于机器可以识别，对于开发人员很容易明白。这就是HTML语义化。

2、标签上title与alt属性的区别是什么？

3、iframe的优缺点？

iframe的优点：

iframe的缺点：

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

分析了这么多，现在基本上都是用Ajax来代替iframe，所以iframe已经渐渐的退出了前端开发。
其他静态文件的引用：https://segmentfault.com/a/1190000020144193

4、垂直居中几种方式？

5、介绍一下css的盒子模型？

6、rgba和opacity的透明效果有什么不同？

7、position的值，relative和absolute分别是相对于谁进行定位的？

8、HTML5、CSS3里面都新增了哪些新特性？

9、BFC是什么？

BFC 全称：Block Formatting Context， 名为 “块级格式化上下文”。

W3C官方解释为：BFC它决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，当涉及到可视化布局时，Block Formatting Context提供了一个环境，HTML在这个环境中按照一定的规则进行布局。

BFC是一个完全独立的空间（布局环境），让空间里的子元素不会影响到外面的布局。那么怎么使用BFC呢，BFC可以看做是一个CSS元素属性

BFC的使用

这里简单列举几个触发BFC使用的CSS属性

详细解释

10、常见兼容性问题？

常见的兼容性问题无非是浏览器的兼容
浏览器的不同可能会导致运行效果的不同，这就属于兼容性问题

常见的兼容性问题