不看会后悔的前端HTML 面试知识点总结系列（11-15）

11. link 标签定义

标签用于将文档与外部资源建立联系，一般用于引入样式表或图标等。它是一个空元素，没有结束标签。常用的属性包括：

• href：指定外部资源的URL地址。

• rel：指定外部资源与文档之间的关系，例如stylesheet表示样式表、icon表示图标。

• type：指定外部资源的MIME类型。

• media：指定外部资源所适用的媒体类型，如screen表示屏幕显示、print表示打印输出。

  
  <link rel="stylesheet" type="text/css" href="style.css">
  
  
  <link rel="icon" type="image/png" href="favicon.png">
  
  

12. 页面导入样式时，使用 link 和 @import 有什么区别？

在页面导入样式时，使用 link 和 @import 有以下区别：

• 加载顺序：link 标签在页面加载时同时加载，而 @import 是在页面加载完成后再加载。因此，使用 link 可以提高页面加载速度。
• 浏览器兼容性：link 标签被所有浏览器支持，而 @import 不被 IE6 及以下版本支持。
• 使用位置限制：link 标签可以放在 head 和 body 中，而 @import 只能放在 head 中。
• JavaScript 操作：JavaScript 可以动态地操作 link 标签，而不能操作 @import。

综上所述，使用 link 标签导入样式更为常见，因为它有更好的浏览器兼容性和加载顺序，更加灵活，而且可以被 JavaScript 操作。

13. 你对浏览器的理解？

浏览器是一种用于访问互联网的软件应用程序，它能够呈现网页内容并提供与用户交互的方式，包括导航、表单填写、跟踪页面访问历史等功能。浏览器通过接收来自服务器的 HTML、CSS、JavaScript 等资源，并将其解析、渲染成可视化的网页。浏览器还提供了一些工具，如开发者工具，帮助开发人员进行调试和测试网站。不同的浏览器有不同的特性和功能，开发人员需要考虑不同浏览器的兼容性，以确保网站在各种浏览器和设备上都能正常工作。

14. 介绍一下你对浏览器内核的理解？

浏览器内核是浏览器的核心组成部分，它负责解析HTML、CSS和JavaScript等前端技术，并将这些内容渲染成网页。浏览器内核通常分为两种类型：

1. 渲染引擎：负责解析HTML和CSS，将其转化为可视化的网页。常见的渲染引擎有WebKit和Gecko等。
2. JavaScript引擎：负责解析和执行JavaScript代码。常见的JavaScript引擎有V8和SpiderMonkey等。

浏览器内核的不同会直接影响浏览器的性能、渲染速度和兼容性等方面，因此开发者需要在实际工作中根据具体需求选择合适的浏览器内核。

15. 常见的浏览器内核比较

常见的浏览器内核有以下几种：

• Trident内核：是Microsoft开发的浏览器内核，仅限于Internet Explorer浏览器使用。
• Gecko内核：是Mozilla Firefox浏览器所使用的内核，是一个开源的浏览器引擎。
• WebKit内核：最初是苹果公司为Safari浏览器所开发的内核，现在已经广泛应用于其他浏览器，如Chrome、Opera等。
• Blink内核：是由Google和Opera软件公司共同开发的浏览器内核，主要用于Chrome浏览器和Opera浏览器。
• EdgeHTML内核：是由Microsoft针对Microsoft Edge浏览器开发的浏览器内核，现已经被Chromium取代。

不同的浏览器内核具有不同的特点和优缺点，开发者需要根据实际需求来选择合适的内核。