HTML+CSS面试题集合(持续更新...)

85 阅读1分钟

HTML+CSS

1.src和herf的区别?

  • 相同点:都是引用外部资源的属性,这些资源可能包括图像、脚本、样式表、音频文件等。
  • 不同点:
    • 当用src加载资源的时候,属于串行下载,会阻塞后面任务的执行
    • 当用herf加载资源的时候,属于并行下载,不会发生阻塞

所以,我们一般用<script src="">的时候,都建议放在页面的最底部,最后一步操作就不会阻塞其它资源执行了

其它回答如下:

  • 不同点:
    • 请求资源类型不同:

      src会将指向的资源下载并引用到当前文档中,常用的标签有script、img、iframe标签。

      herf是超文本引用的简写,用来为当前元素和文档之间建立连接,常用的是link、a标签。

    • 作用的结果不同:

      src是替换当前的元素,而href是为当前文档和引用资源建立联系

    • 浏览器的解析方式不同:

      当浏览器解析到src时,会暂停其他资源的下载和处理,直接将该资源下载、编译、执行完毕,图片和框架也是如此,类似于将所指资源应用到当前内容。

      herf引用的资源,浏览器会将其识别为CSS文档,并行下载资源并且不会停止对当前文档的处理。