前端面试题(一)

1.前端常用的测试浏览器有哪些，分别用的什么内核？

• 答：
  • IE内核：Trident Chrome内核：以前是Wibkit现在是Blink
  • Firefox内核：Gecko
  • Safari内核：Webkit
  • Opera内核：最初是Presto，后来是Webkit，现在是Blink(Webkit的分支)

2.简述一下src与href的区别

• 答
  • src用于引用资源，替换当前元素
  • href用于在当前文档和引用资源之间确立联系
    • 解析
      • href标识超文本引用，用在link和a元素上，href是引用和页面关联，实在当前元素和引用资源之间建立联系 若在文档中添加href，浏览器会识别该文档为css文件，就会下载资源并且不会停止对当前文档的处理，这也是为什么建议使用link方式加载css，而不是@import方式
      • src表示引用资源，替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。当浏览器解析到src，会暂停其他资源的下载和处理(图片不会暂停其他资源下载和处理)，直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议将js脚本放在底部而不是头部的原因

3.对WEB标准以及W3C的理解与认识

• 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜素几率。使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、能够被更多用户所访问、内容能够被广泛的设备所访问、更少的代码和组件，容易维护、排版方便，不需要变动页面内容、提供打印版本而不是需要复制内容，提高网站的易用性

4.标签上的title和alt属性的区别是什么

• 基本定义

  • alt属性：

    • 1.在img标签中新鲜事图片加载不出来的情况下，就会在图片未显示的位置提示一段文字，这样做的目的是为了给用户和开发人员进行友好的提示
    • 2.搜素引擎可以通过这个alt属性上面的问题描述，获取图片

  • title属性

    • 1.可以使用在任意元素上，当用户把鼠标移入到元素上的时候，就会显示title的内容，起到对图片的说明作用

  • 区别

    • 1.alt属性是给搜素引擎识别，在图片加载失败时提示的文本信息
    • 2.title属性是用于元素的信息展示，主要给用户进行解读和提示
    • 3.当用户把鼠标放到文字或者是图片上的时候，有title进行文本的显示
    • 4.在使用img标签时，可以把alt和title属性都写全，这样可以保证在各种浏览器中都能使用