面试——春秋航空

1. src 和 URL 的区别

URL (Uniform Resource Locator | 统一资源定位符)

href 出现在link 和a 等标签当中，一般作为通过当前元素与超文本引用资源建立联系

src 出现在script、 img、 iframe等标签中，通过下载引用资源替换当前元素来使用

url 作为href 和 src的值的形式使用，可以使用绝对路径，相对路径，锚点三种方式。

2. 如何让一个div框上下左右都居中

答：先将position设置为absolute，再将top、bottom、left、right都设置为0，再将margin设置为auto。答：先将position设置为absolute，再将top、bottom、left、right都设置为0，再将margin设置为auto。

3. HTML5与之前版本的区别

1. html5 为了更好的实践web语义化，增强了header、footer、nav、aside、section等语义标签。
2. 在表单方面 ，为了增强表单，为input增加了color、email、data、range等类型。
3. 在存储方面，提供了sessionStorage、localStorage和离线存储，通过这些存储方式方便数据在客户端的存储和获取。
4. 多媒体方面增加了audio和video。
5. 地理定位：canvas画布，拖放、多线程编程的web worker和websocket协议。

4. ：before 与 ：：before的区别

相同之处

1. 两者都是css的伪元素，都可以在元素内容的前面添加内容
2. 两者的写法是等价的，也就是 :before ==::before
   不同之处

1. :befor是css2的写法，::before是css3的写法,出现在css3中是为了区分伪类选择器，比如:hover等
2. :before的兼容性要比::before好 ，不过在H5开发中建议使用::before比较好

5. 为什么要css初始化

1、浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

2、提高编码质量。